在CSS中，我們可以使用偽元素來(lái)在input中添加圖標(biāo)，我們需要?jiǎng)?chuàng)建一個(gè)input元素，并給它一個(gè)***的類(lèi)名，我們可以使用CSS的偽元素來(lái)添加圖標(biāo)，以下是一個(gè)簡(jiǎn)單的示例：

HTML代碼：

<input class="input-with-icon" type="text">

CSS代碼：

.input-with-icon {
    position: relative;
    width: 200px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #000;
    border-radius: 5px;
    padding-left: 30px;
}
.input-with-icon::before {
    content: url('path/to/your/icon.png');
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}

在這個(gè)示例中，我們創(chuàng)建了一個(gè)帶有圖標(biāo)的input元素，我們給input元素一個(gè)***的類(lèi)名“input-with-icon”，并設(shè)置了一些基本的樣式，如寬度、高度、邊框等，我們使用偽元素“::before”來(lái)添加圖標(biāo)，在這個(gè)偽元素中，我們?cè)O(shè)置了一個(gè)content屬性，該屬性的值為圖標(biāo)的路徑，這樣，當(dāng)瀏覽器渲染這個(gè)input元素時(shí)，它會(huì)在input元素的左側(cè)顯示一個(gè)圖標(biāo)。

這只是一個(gè)簡(jiǎn)單的示例，實(shí)際使用時(shí)可能需要根據(jù)具體需求進(jìn)行調(diào)整，你可能需要調(diào)整圖標(biāo)的大小、顏色等樣式屬性，或者將圖標(biāo)放置在input元素的其他位置，基本的原理是相似的：使用偽元素來(lái)添加圖標(biāo)是一種簡(jiǎn)單而有效的方法。