在CSS中，可以使用偽元素（::before或::after）來在輸入框中添加小圖標，以下是一個示例，展示如何在輸入框中添加一個搜索圖標：

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

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

CSS樣式：

.search-input {
  position: relative;
}
.search-input::before {
  content: "\f002"; /* 搜索圖標 */
  font-family: FontAwesome; /* 假設你使用的是FontAwesome字體 */
  position: absolute;
  left: 10px; /* 圖標距離輸入框左邊的距離 */
  top: 50%; /* 圖標位于輸入框的中心 */
  transform: translateY(-50%); /* 圖標垂直居中 */
}

在這個示例中，我們首先在HTML中創(chuàng)建一個帶有search-input類的輸入框，在CSS中，我們使用偽元素::before來在輸入框的左側(cè)添加一個搜索圖標，這個圖標使用FontAwesome字體來顯示，你可以根據(jù)需要選擇其他字體或圖標，通過調(diào)整left屬性，我們可以控制圖標距離輸入框左邊的距離。top: 50%和transform: translateY(-50%)的組合使用可以使圖標在輸入框中垂直居中。

這種方法可以在不改變輸入框大小或形狀的情況下，輕松地在輸入框中添加小圖標，提升用戶體驗。