jquery selectbox css - 尝试更改字体颜色无法按预期工作答案

【问题标题】：jquery selectbox css - trying to change the font color doesn't work as expectedjquery selectbox css - 尝试更改字体颜色无法按预期工作
【发布时间】：2012-10-13 22:01:08
【问题描述】：

我正在尝试更改 jquery 选择框插件中下拉框中的文本颜色。

你会想到改变颜色： .sbOptions a:link、.sbOptions a:visited {} 和/或 .sbOptions a:hover, .sbOptions a:focus, .sbOptions a.sbFocus {}

本来可以做到这一点，但令人惊讶的是它没有，我不知道为什么。我不知道这可能与javascript有关

这是小提琴

http://jsfiddle.net/FQKax/38/

【问题讨论】：

点击顶部下拉链接时，链接颜色似乎发生了变化，您需要检查插件css内部，可能是某些规则阻止了这些事件（：hover，：focus，：link，：visited），那么不明白你真正需要什么，你需要那些事件来改变下拉链接的颜色吗？
如果您只需要更改所有链接的颜色，请使用 !important 当某些内容没有更改时这是一个很好的解决方法，它将优先考虑您的 css 规则！

标签： javascript jquery css

【解决方案1】：

为我工作我试过了

.sbOptions a:link, .sbOptions a:visited{
    color: #777;
    text-decoration: none;
}
.sbOptions a:hover,
.sbOptions a:focus,
.sbOptions a.sbFocus{
    color: #ddd;
}

Updated Fiddle

【讨论】：

这也有效。看起来我不知何故搞砸了，以为我什么都试过了
@ZaphodBeeblebrox 这应该是公认的答案，果酱的建议是用 JS 做 CSS 应该做的事情。即使这不是最佳答案，您也应该投票赞成。

【解决方案2】：

试试这个

http://jsfiddle.net/FQKax/39/

你可以使用$(".sbSelector").css('color','Red');来改变颜色。

你也可以试试$(".sbSelector").css('backgroundColor','#ee55ee');

http://jsfiddle.net/FQKax/44/

【讨论】：

@Zaphod Beeblebrox：如果我说对了，这可能是一个解决方案。你没事吧？