如何更改颜色

在jQuery UI accordion中，当所有手风琴合拢时，合拢手风琴上方的鼠标将以不同的颜色显示。如何更改颜色

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

如何更改颜色？
哪个和哪里是要更改的CSS属性？

2013-03-12 user2133545

'jquery-ui.css'行'821'。也许好用：https：//developers.google.com/chrome-developer-tools/docs/elements – 2013-03-12 22:06:57

hover css由jui-ui.css的第838行的.ui-state-hover定义，但是悬停颜色有问题的是图像叠加。如果您想要更多对比的东西，请将图像更改为其他内容或将其移除并更改背景颜色。 – iGanja 2013-03-12 22:07:18

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

来源

2013-03-12 22:08:57

使用谷歌Chrome开发者工具，你可以看到当它悬停在元素上时，它支持来自jQuery-ui的ui-state-default之间的类。来自行838的css行821和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-12 22:09:21 Nope

@ user2133545：这有助于您解决问题吗？如果有，请考虑[**接受答案**]（http://meta.stackexchange.com/questions/5234/how-does-accepting-an-answer-work）。 – Nope 2013-03-30 01:51:24

如何更改颜色

回答

相关问题