在CSS中，我們可以使用偽元素來(lái)將圖標(biāo)插入輸入框，以下是一個(gè)基本的示例，展示如何將圖標(biāo)插入到文本輸入框的開頭：

HTML結(jié)構(gòu)：

<input type="text" id="icon-input" />

CSS樣式：

#icon-input {
  position: relative;
}
#icon-input::before {
  content: '\f007'; /* 替換成你想要的圖標(biāo) */
  position: absolute;
  left: 10px; /* 圖標(biāo)與輸入框的距離 */
  top: 50%; /* 圖標(biāo)垂直居中 */
  transform: translateY(-50%); /* 圖標(biāo)垂直居中 */
  font-family: 'FontAwesome'; /* 假設(shè)你使用的是FontAwesome */
}

在這個(gè)示例中，我們首先在#icon-input元素上設(shè)置了position: relative;，這樣我們就可以在其內(nèi)部使用***定位來(lái)放置圖標(biāo)，我們使用::before偽元素來(lái)在輸入框的開頭插入圖標(biāo)，通過調(diào)整left屬性，我們可以控制圖標(biāo)與輸入框的水平距離。top: 50%;和transform: translateY(-50%);的組合使用可以使圖標(biāo)在垂直方向上居中，我們通過font-family屬性來(lái)指定圖標(biāo)使用的字體，這里我們假設(shè)使用的是FontAwesome。

你可以根據(jù)自己的需求調(diào)整這個(gè)示例中的各項(xiàng)屬性，以達(dá)到***佳效果，你也可以考慮使用其他字體或圖標(biāo)庫(kù)來(lái)滿足你的設(shè)計(jì)需求。