Question

在jQuery UI accordion中，当所有手风琴都折叠时，折叠的手风琴上的鼠标会以不同的颜色显示。

当前颜色非常微妙，很难注意到我的一些用户使用了鼠标。

如何改变颜色？
要更改哪个CSS属性？

Answer 1

您正在寻找更改ui-state-hover css属性。您可以在css文件中手动更改它，或者只是转到jquery网站上的theme roller并调整Clickable: hover state - 或选择不同的配色方案或完全依靠自己制作一个。（然后你只需要用你要创建的css文件替换现有的css文件。）

Answer 2

使用Google Chrome开发人员工具，您可以看到，当悬停元素时，它会在jQuery-ui.css第821行的ui-state-default与同一文件中第838行的ui-state-hover之间进行分类。

CSS是：

.ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3/*{borderColorDefault}*/;
    background: #e6e6e6/*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/;
    font-weight: normal/*{fwDefault}*/;
    color: #555555/*{fcDefault}*/;
}

和

.ui-widget-header .ui-state-focus {
    border: 1px solid #999999/*{borderColorHover}*/;
    background: #dadada/*{bgColorHover}*/ url(images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/;
    font-weight: normal/*{fwDefault}*/;
    color: #212121/*{fcHover}*/;
}

我认为如果您有对该css文件的引用，您可以直接在自己的副本中更新它，或者添加自己的css，并将相同的类名添加到您的样式中。{/ p>

我会尝试第一次而且我不确定后者，使用!important是好习惯，虽然我可能错了。

如何改变颜色

2 个答案: