關(guān)于html選擇框創(chuàng)建占位符的問(wèn)題
發(fā)布時(shí)間:2021-06-09 17:15:22 作者:python之戀
我要評(píng)論

今天給大家普及在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)文章!
相關(guān)文章
HTML頁(yè)面自適應(yīng)寬度的table(表格)
這篇文章主要介紹了HTML頁(yè)面自適應(yīng)寬度的table(表格),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)2020-06-16- 這篇文章主要介紹了HTML5 body設(shè)置自適應(yīng)全屏,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-05-07
html5移動(dòng)端自適應(yīng)布局的實(shí)現(xiàn)
這篇文章主要介紹了html5移動(dòng)端自適應(yīng)布局的實(shí)現(xiàn),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)2020-04-15HTML5 textarea高度自適應(yīng)的兩種方案
這篇文章主要介紹了HTML5 textarea高度自適應(yīng)的兩種方案,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起2020-04-08