如何更改CSS中选择框选项的背景颜色？

如何更改选择框选项背景颜色

自定义 的外观时元素，请务必注意，设置选项元素的样式对于修改可用选项的外观至关重要。

设置选项元素的样式

更改选项元素的背景颜色选项，将背景颜色属性应用于选项元素而不是选择元素：

select option {
  margin: 40px;
  background-color: #000;
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}

自定义单个选项

要对特定选项设置唯一的样式，请使用 CSS 中的属性选择器。例如，以下代码根据每个选项的值属性为其分配不同的背景颜色：

select option[value="1"] {
  background-color: #646464;
}

select option[value="2"] {
  background-color: #969696;
}

select option[value="3"] {
  background-color: #C8C8C8;
}

select option[value="4"] {
  background-color: #FAFAFA;
}

以上是如何更改CSS中选择框选项的背景颜色？的详细内容。更多信息请关注PHP中文网其他相关文章！