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

更改选择框选项背景颜色

问题：

我需要更改背景单击该框并显示所有选项时选择框选项的颜色。我怎样才能做到这一点？

答案：

这是您需要修改的代码：

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

通过应用背景颜色属性到选项元素而不是选择元素，您可以在框被选中时更改选项的背景颜色

设置各个选项元素的样式：

要为每个选项元素设置不同的样式，您可以使用 CSS 属性选择器或为每个 分配不同的类属性。 .

select option[value="1"] {
  background: rgba(100, 100, 100, 0.3);
}

select option[value="2"] {
  background: rgba(150, 150, 150, 0.3);
}

select option[value="3"] {
  background: rgba(200, 200, 200, 0.3);
}

select option[value="4"] {
  background: rgba(250, 250, 250, 0.3);
}

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