1

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

当前颜色非常微妙，我的一些用户很难注意到鼠标悬停在上面。

怎么改变那个颜色？
要更改哪个 CSS 属性以及在哪里更改？

4

2 回答 2

0

您正在寻找更改ui-state-hovercss 属性。您可以在您的 css 文件中手动更改它，或者只需转到 jquery 站点上的主题滚轮并调整Clickable: hover state- 或选择不同的配色方案或完全自己制作一个。（然后您只需将现有的 css 文件替换为您将创建的文件。）

于 2013-03-12T22:08:57.337 回答
0

使用 Google Chrome 开发人员工具，您可以看到，当悬停元素时，它会在同一文件中的ui-state-defaultjQuery-ui.css 第 821 行和第 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 并使用相同的类名添加!important到您的样式中。

我会尝试第一个，但我不确定后者，使用!important是一种很好的做法，尽管我可能是错的。

于 2013-03-12T22:09:21.173 回答