Question

我有这个手风琴（已结束）如下：

align top http://www.kerrydeaf.com/4.png

这就是我在悬停时看到的内容：

align top http://www.kerrydeaf.com/3.png

我正在尝试创建悬停全部为绿色而没有任何浅蓝色可见如上所示？我该如何解决？

这是一个问题CSS代码如下：

.trigger a:hover, .trigger a:hover:focus{background-color:#a5cd4e; color:#48c4d2;}

这是一个完整的CSS代码，如下所示：

.toogle_wrap{background-color:#e4f6f8; border:1px #bfeaf0 solid;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; width:92%; padding:3% 4%; margin:5px 0 10px 0;} 
.trigger{padding:0px;margin:0; background:url(../images/toggle_small.svg) no-repeat right; background-position:100% -20px; } /* background:url(../images/toggle.png) */
.trigger a{color: #636363;text-decoration: none;display: block; padding:2px 0 2px 0;font-size:16px;font-family:opensans;font-weight:normal; } 
.active {background-position:100% 0px; }
.trigger a:hover, .trigger a:hover:focus{background-color:#a5cd4e; color:#48c4d2;} 
.toggle_container{overflow: hidden;padding:15px 0 0 0;clear: both;}

Answer 1

如果是jQuery Mobile网站，请使用jQuery Mobile ThemeRoller创建自定义配色方案。

Answer 2

请按以下方式更改CSS：

你的CSS专线：

.trigger a:hover, .trigger a:hover:focus{background-color:#a5cd4e; color:#48c4d2;}

需要更改/替换CSS Line，如下所示：

.trigger:hover { background-color:#a5cd4e; }
.trigger:hover a, .trigger:hover a:focus{ color:#48c4d2; }

CSS3 / jQuery：手风琴悬停

2 个答案: