Vue-Bootstrap b-select 选项悬停

【问题标题】：Vue-Bootstrap b-select option hoverVue-Bootstrap b-select 选项悬停
【发布时间】：2020-03-22 19:17:29
【问题描述】：

我正在使用 Vue-Bootstrap 框架，我想在悬停元素时重写标签“选项”的 css 规则

我的代码是这样的jsfiddle

option:hover {
  background-color: red;
}

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

谢谢！

【问题讨论】：

【解决方案1】：

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

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

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

【讨论】：