如何为“选择”框创建占位符？
我正在使用占位符来处理文本输入问题。 但我想为我的选择框使用占位符。 当然，我可以使用这个代码：
<select>
<option value="">Select your option</option>
<option value="hurr">Durr</option>
</select>
但'选择你的选择'是黑色的，而不是浅灰色。 所以我的解决方案可能是基于CSS的。 jQuery也很好。
这只会使选项在下拉菜单中变成灰色（所以点击箭头后）：
option:first {
color: #999;
}
编辑：问题是：人们如何在选择框中创建占位符？ 但它已经回答，欢呼。
并且使用这个结果，选定的值总是灰色的（即使在选择一个真实选项后）：
select {
color:#999;
}
怎么样一个非CSS - 没有javascript / jQuery的答案？
<select>
<option value="" disabled selected>Select your option</option>
<option value="hurr">Durr</option>
</select>只是偶然发现了这个问题，这里是FireFox和Chrome（至少）的作品，
<style>
select:invalid { color: gray; }
</style>
<form>
<select required>
<option value="" disabled selected hidden>Please Choose...</option>
<option value="0">Open when powered (most valves do this)</option>
<option value="1">Closed when powered, auto-opens when power is cut</option>
</select>
</form>对于一个必需的领域，现代浏览器中有一个纯粹的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>