在CSS中，我們可以使用background-image屬性將圖片添加到input元素中，以下是一個簡單的示例：

<input type="text" class="image-input">

.image-input {
    background-image: url('path/to/your/image.png');
    background-repeat: no-repeat;
    background-position: center;
}

在這個示例中，我們首先在HTML中創(chuàng)建一個input元素，并給它一個類名image-input，在CSS中，我們使用background-image屬性將圖片添加到這個元素中。url('path/to/your/image.png')是圖片的路徑，你需要將其替換為你自己的圖片路徑。

background-repeat: no-repeat;表示圖片不會重復(fù)，只會顯示一次。background-position: center;表示圖片會在元素的中心位置顯示。

如果你想讓圖片和文本一起顯示，你可以使用padding屬性在圖片和文本之間添加一些空間：

.image-input {
    background-image: url('path/to/your/image.png');
    background-repeat: no-repeat;
    background-position: center;
    padding-left: 20px; /* 你可以根據(jù)需要調(diào)整這個值 */
}

在這個示例中，圖片會顯示在文本的左邊，兩者之間會有20像素的空間，你可以根據(jù)需要調(diào)整padding-left的值。

希望這個示例能幫助你在CSS中給input元素添加圖片，如果你還有其他問題，歡迎繼續(xù)提問！