我在文本输入中使用占位符，效果很好。但我也想为我的选择框使用一个占位符。当然，我可以使用以下代码：
<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前端黑洞网，博客园同步跟新
本文首发于前端黑洞网，博客园同步跟新
郑重声明：本站所收录作品、热点评论等信息部分来源互联网，目的只是为了系统归纳学习和传递资讯所有作品版权归原创作者所有，与本站立场无关，如不慎侵犯了你的权益，请联系我们邮箱：908164873@qq.com/电话：187-8421-3206，我们将做删除处理！
