Question

我只掌握CSS的基本知识，并尝试实现我在网上找到的一些方法，但都没有成功。我有一个html下拉元素，显示月份：

<select id="myid">
<option value="" selected="selected">Month</option>
<option value="JAN">JAN</option>
<option value="FEB">FEB</option>
<option value="MAR">MAR</option>
<option value="APR">APR</option>
<option value="MAY">MAY</option>
<option value="JUN">JUN</option>
<option value="JUL">JUL</option>
<option value="AUG">AUG</option>
<option value="SEP">SEP</option>
<option value="OCT">OCT</option>
<option value="NOV">NOV</option>
<option value="DEC">DEC</option>
</select>

Month 值是默认占位符。由于它只是一个占位符，我希望它与其他合法值不同。我该如何设定这个特定的价值？

由于

Answer 1

你不能做太多但你可以改变颜色和背景颜色：

#myid option:first-of-type {
  background: red;
  color: white;
}

Here's a fiddle

Answer 2

（阅读第一个答案的评论后：）

将颜色赋予周围的元素，并将其重置为下拉列表，如下所示：

#myid {
  color: red;
}
#myid option {
  color: black;
}

https://jsfiddle.net/3gud20do/

下拉列表中的样式默认值

2 个答案: