我在文本輸入中使用占位符,效果很好。但我也想為我的選擇框使用一個占位符。當然,我可以使用以下代碼:
<select>
<option value="">Select your option</option>
<option value="hurr">Durr</option>
</select>
但是“選擇您的選項”是黑色而不是淺灰色。所以我的解決方案可能是基于CSS的。jQuery也很好。
這只會使下拉菜單中的選項變為灰色(因此,單擊箭頭后):
option:first {
color: #999;
}
問題是:人們如何在選擇框中創建占位符?但它已經得到了回答,歡呼。
使用此方法會導致所選值始終為灰色(即使在選擇實選項后):
解決方案:
非CSS-沒有JavaScript / jQuery答案:
<select>
<option value="" disabled selected>Select your option</option>
<option value="hurr">Durr</option>
</select>
以上就是關于html選擇框創建占位符的問題的詳細內容,更多關于html選擇框占位符的資料請關注腳本之家其它相關文章!