如何更改颜色
在jQuery UI accordion中,当所有手风琴合拢时,合拢手风琴上方的鼠标将以不同的颜色显示。如何更改颜色
当前的颜色非常微妙,很难注意到我的一些用户的鼠标悬停。
如何更改颜色?
哪个和哪里是要更改的CSS属性?
您正在寻找更改ui-state-hover
css属性。您可以在您的css文件中手动更改它,或者直接转到jquery站点上的theme roller并调整Clickable: hover state
- 或者选择不同的配色方案,或者完全依靠自己的配色方案。 (然后你只需要用现有的css文件替换现有的css文件即可。)
使用谷歌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
是不错的做法,虽然我可能是错误的。
@ user2133545:这有助于您解决问题吗?如果有,请考虑[**接受答案**](http://meta.stackexchange.com/questions/5234/how-does-accepting-an-answer-work)。 – Nope 2013-03-30 01:51:24
'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