關(guān)于html選擇框創(chuàng)建占位符的問(wèn)題

發(fā)布時(shí)間：2021-06-09 17:15:22 作者：python之戀

今天給大家普及在html選擇框創(chuàng)建占位符的問(wèn)題，文中通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友參考下吧

我在文本輸入中使用占位符，效果很好。但我也想為我的選擇框使用一個(gè)占位符。當(dāng)然，我可以使用以下代碼：

<select>
    <option value="">Select your option</option>
    <option value="hurr">Durr</option>
</select>

但是“選擇您的選項(xiàng)”是黑色而不是淺灰色。所以我的解決方案可能是基于CSS的。jQuery也很好。

這只會(huì)使下拉菜單中的選項(xiàng)變?yōu)榛疑ㄒ虼?，單擊箭頭后）：

option:first {
    color: #999;
}

問(wèn)題是：人們?nèi)绾卧谶x擇框中創(chuàng)建占位符？但它已經(jīng)得到了回答，歡呼。

使用此方法會(huì)導(dǎo)致所選值始終為灰色（即使在選擇實(shí)選項(xiàng)后）：

select {
    color: #999;
}

解決方案：

非CSS-沒(méi)有JavaScript / jQuery答案：

<select>
    <option value="" disabled selected>Select your option</option>
    <option value="hurr">Durr</option>
</select>

以上就是關(guān)于html選擇框創(chuàng)建占位符的問(wèn)題的詳細(xì)內(nèi)容，更多關(guān)于html選擇框占位符的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！

欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片