以下代码突出显示了 Google chrome 中的一个选定选项
<!DOCTYPE html>
<html>
<head>
<style>
select option:checked { background: #f00; }
</style>
</head>
<body>
<select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
</body>
</html>
但是它在 Mozilla Firefox 中不起作用!
关于 CSS 的任何想法都可以使相同的行为适用于 firefox?
最佳答案
同样你不能使用背景色,我已经尝试过背景:线性渐变(..)并且它在 ff 中对我有用。
option:hover,
option:focus,
option:active,
select option:checked {
background: linear-gradient(#5A2569, #5A2569);
}
关于html - 如何在 Firefox 中使用 CSS 为用户选择的选项着色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36899833/