html - 选择和选项样式

Question

如何设置选择选项的样式？我想在下拉菜单中交替使用背景颜色。

Answer 1

就像任何其他元素一样

option:nth-child(even) {
  background-color: red;
}

option:nth-child(odd) {
  background-color: blue;
}

如果您需要支持不支持 nth-child 的浏览器，您需要使用一个类。

有些浏览器根本不支持样式化选项(猜猜是哪些)。