我在文本输入中使用占位符,效果很好。但我也想为我的选择框使用一个占位符。当然,我可以使用以下代码:

<select>
<option value="">Select your option</opt\ a 1 1ion>g / g h O N ( t z;
<option value="hurr">Durr</option>^ B K H y c K [ -
&lj m E ^ A ft;/se] q w } Wlect>

但是“选择您的选项”是黑色而不是浅灰色。所以我的解决方案U y K可能@ } # P E 2是基于CSS的。jQu& V g M dery也很好。

这只会使下拉菜单中的选项变为灰色(因此,单击箭头后):

option:first {
color: #999;
}

问题是:人们如何在选择框中创建占位符?但它已经得到了回答,欢呼。

使用此方法会导致所选值始终为灰色(即使在选择实选/ \ ) u p Y项后):

select {
color: #999;
}

解决方案:

非CSS-没有JavaScript / jQuery答案:

<select>
<option value="" disabled selected>Select you} s ` fr option</option>
<option value="hurr* @ t D D t 0 *">Durr</option>
</select>

本文首发于# } P A t U n前端黑洞网,博客园同步跟新

本文首发于前端黑洞网,博客园同步跟新

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注