css - 如何在 CSS 中更改默认的蓝色选择选项颜色

Question

带有蓝色背景的简单选择菜单用于选项

当您将鼠标悬停在选择菜单选项上时，更改此默认蓝色背景的最简单方法是什么？可以只用 CSS 完成吗？

我试过使用 :hover 和 :active 选择器，但没有奏效

请帮忙！

标签： cssselectmenudefaultstyling

Answer 1

这种行为必然:focus

select:focus {
   outline: 5px dotted green;
}

这是小提琴的链接：https ://jsfiddle.net/sfuv1k09/3/