在CSS中設(shè)置搜索框提示詞，可以通過(guò)以下步驟實(shí)現(xiàn)：

1、在HTML中創(chuàng)建一個(gè)搜索框，使用<input>標(biāo)簽，并指定type屬性為search，

<input type="search" id="search-box">

2、在CSS中設(shè)置搜索框的樣式，包括寬度、高度、邊框等屬性，

#search-box {
  width: 200px;
  height: 30px;
  border: 1px solid #000;
  border-radius: 5px;
  padding: 5px;
}

3、在CSS中設(shè)置提示詞的樣式，可以使用placeholder屬性來(lái)指定提示詞的顏色和字體樣式，

#search-box::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #999;
  font-style: italic;
}
#search-box::-moz-placeholder { /* Firefox 19+ */
  color: #999;
  font-style: italic;
}
#search-box:-ms-input-placeholder { /* IE 10+ */
  color: #999;
  font-style: italic;
}

4、在JS中綁定搜索框的輸入事件，當(dāng)輸入框獲取焦點(diǎn)時(shí)，清除提示詞，

document.getElementById('search-box').addEventListener('focus', function() {
  this.value = '';
});

通過(guò)以上步驟，可以在CSS中設(shè)置搜索框提示詞的顏色、字體樣式等屬性，并在JS中綁定輸入事件清除提示詞，實(shí)現(xiàn)搜索框的提示詞功能。