Vue-Bootstrap B-选择选项悬停

我正在使用Vue-Bootstrap框架,当您将鼠标悬停在元素上时,我想重写标签“ option”的css规则

我的代码是这样的jsfiddle

option:hover {
  background-color: red;
}

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

谢谢!

qianjun8u8 回答:Vue-Bootstrap B-选择选项悬停

b-select是原生select元素,一旦呈现。 选择的样式通常可以在一定程度上设置样式,但是选项通常受操作系统(而不是HTML / CSS)设置的限制,因此非常有限。

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

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

本文链接:https://www.f2er.com/3023050.html

大家都在问