如何為“選擇框”制作占位符？我使用占位符作為文本輸入，這很好。但是我也想用占位符作為我的選擇框。當(dāng)然，我可以使用以下代碼：<select>
<option value="">Select your option</option>
<option value="hurr">Durr</option></select>但是“選擇你的選項(xiàng)”是黑色的，而不是亮灰色的。所以我的解決方案可能是基于CSS的。jQuery也很好。這只會(huì)使下拉列表中的選項(xiàng)變得灰色(因此在單擊箭頭之后)：option:first {
color: #999;}編輯：?jiǎn)栴}是：人們?nèi)绾卧谶x擇框中創(chuàng)建占位符？但它已經(jīng)被回答了，干杯。使用這個(gè)結(jié)果，所選值總是灰色的(即使在選擇了一個(gè)真正的選項(xiàng)之后)：select {
color:#999;}
3 回答
慕仙森
TA貢獻(xiàn)1827條經(jīng)驗(yàn) 獲得超8個(gè)贊
非CSS-沒(méi)有javascript/jQuery答案如何？
<select>
<option value="" disabled selected>Select your option</option>
<option value="hurr">Durr</option>
</select>
喵喔喔
TA貢獻(xiàn)1735條經(jīng)驗(yàn) 獲得超5個(gè)贊
對(duì)于所需的字段，現(xiàn)代瀏覽器中有一種純CSS解決方案：
select:required:invalid {
color: gray;
}
option[value=""][disabled] {
display: none;
}
option {
color: black;
}
<select required>
<option value="" disabled selected>Select something...</option>
<option value="1">One</option>
<option value="2">Two</option>
</select>
添加回答
舉報(bào)
0/150
提交
取消