Question

我在评估测试中遇到了这个问题。我知道它对收音机和复选框是正确的。但不确定。如果它不起作用那么可以做什么来将CSS添加到选定的下拉选项。我尝试了这个，但它也没有用。

<!DOCTYPE html>
<html>
<body>
<style>
select { color: red; }
option:not(:checked) { color: black; } 
</style>
<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="vw">VW</option>
  <option value="audi">Audi</option>
</select>

</body>
</html>

Answer 1

要在关闭的下拉列表中设置当前所选选项的样式，您可以使用：

    select { color: red; }
 option:not(:checked) { color: black; } /* or whatever your default style is */

请参阅：CSS :selected pseudo class similar to :checked, but for <select> elements

伪类：选中是否会选择类型为radio或checkbox的输入，但不会选择<option>元素？

1 个答案: