vue-Bootstrap b-select option hover

Question

我正在使用 Vue-Bootstrap 框架，当您将鼠标悬停在元素

上时，我想为标签 'option' 重写 css 规则

我的代码是这样的jsfiddle

option:hover {
  background-color: red;
}

为什么'option:hover'中的background-color在不是悬停事件时改变背景，而在悬停事件时不改变？

谢谢！

Answer 1

b-select 是渲染后的原生 select 元素。 select 的样式通常可以在一定程度上设置样式，但是选项通常非常有限，因为它们是由 OS 而不是 HTML/CSS.

设置样式的

这在移动浏览器上尤其如此，selects 的行为与 PC 相比非常不同。

您可以尝试查看此问题以获得一些可能的解决方案，但它们在浏览器支持方面非常有限。 Change Select List Option background colour on hover

Vue-Bootstrap b-select option hover