Bootstrap 5 - Option选择更改背景颜色和字体颜色

tv6aics1  于 2023-04-18  发布在  Bootstrap
关注(0)|答案(1)|浏览(302)

我正在尝试更改表单选择元素中选项的背景颜色和字体颜色。我使用了Boostrap 5。
我想当我点击显示自定义背景颜色和字体颜色的选项:
表单选择选项

HTML代码:

select option {
  background-color: yellow !important;
  color: red !important;
}
<div>
  <select class="form-select" aria-label="Default select example">
    <option selected id="Subject">Subject</option>
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
  </select>
</div>

Here官方文档。
也许有人能帮我
谢谢。

yr9zkbsy

yr9zkbsy1#

我不知道我是否理解你,但试试这个..

select option:checked {
  background-color: red !important;
  color: white!important;
}

它将设置一个自定义的颜色为选定的项目,如果你想要什么。

相关问题