我在评估测试中遇到了这个问题。我知道它对 radio 和复选框是正确的。但不确定。如果它不起作用,那么可以做些什么来将 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>
最佳答案
要在关闭的下拉列表中设置当前所选选项的样式,您可以使用:
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
关于html - 请问伪类 :checked will select inputs with type radio or checkbox, 而不是 <option> 元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46507197/