jquery - CSS3 / jQuery：手风琴悬停

Question

我有这个手风琴（关闭）如下：

对齐顶部 http://www.kerrydeaf.com/4.png

这是我在悬停时看到的如下：

对齐顶部 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

请更改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; } 

Answer 2

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