gpt4 book ai didi

css - 更改聚焦选择框选项的背景颜色不起作用

转载 作者:行者123 更新时间:2023-11-28 13:01:48 24 4
gpt4 key购买 nike

这是专门针对 selectBoxIt jQuery 插件,使用 jQueryUI 主题。

我为悬停 Action 设置了这个:

/* Individual Option Hover Action */
.selectboxit-option .selectboxit-option-anchor:hover {
color: #ffffff;
background-color: #ff0000;
text-decoration: none;
}

这很好用。当我将鼠标悬停在选项上时,我会看到带有白色文本的红色背景。

但是,当我这样做时...

.selectboxit-option:focus .selectboxit-option-anchor:focus  {
color: #ffffff;
background-color: #ff0000;
text-decoration: none;
}

...没有任何变化。

我看到 selectBoxIt 主网页上的所有演示都通过键盘焦点改变了背景颜色...所以我错过了什么?

最佳答案

从技术上讲,每个选项都不使用焦点事件,这就是焦点伪选择器不适合您的原因。对于 jQueryUI 主题,“active”选项添加了 ui-state-focus 类,因此要更改“focus”CSS 样式,您可以使用如下规则:

.selectboxit-option.ui-state-focus {
background: #CCC;
}

关于css - 更改聚焦选择框选项的背景颜色不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16114081/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com