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

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

  發(fā)布時間:2021-06-09 17:15:22   作者:python之戀   我要評論
今天給大家普及在html選擇框創(chuàng)建占位符的問題,文中通過實例代碼給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友參考下吧

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

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

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

這只會使下拉菜單中的選項變?yōu)榛疑ㄒ虼?,單擊箭頭后):

option:first {
    color: #999;
}

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

使用此方法會導(dǎo)致所選值始終為灰色(即使在選擇實選項后):

select {
    color: #999;
}

解決方案:

非CSS-沒有JavaScript / jQuery答案:

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

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

相關(guān)文章

  • HTML頁面自適應(yīng)寬度的table(表格)

    這篇文章主要介紹了HTML頁面自適應(yīng)寬度的table(表格),文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)
    2020-06-16
  • HTML5 body設(shè)置自適應(yīng)全屏

    這篇文章主要介紹了HTML5 body設(shè)置自適應(yīng)全屏,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-05-07
  • html5移動端自適應(yīng)布局的實現(xiàn)

    這篇文章主要介紹了html5移動端自適應(yīng)布局的實現(xiàn),文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)
    2020-04-15
  • HTML5 textarea高度自適應(yīng)的兩種方案

    這篇文章主要介紹了HTML5 textarea高度自適應(yīng)的兩種方案,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起
    2020-04-08

最新評論