CSS3/jQuery的：手風琴懸停

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

請如下更改CSS：

你的CSS行：

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

需要改變/替換CSS線路如下：

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

Answer 2

如果它是一個jQuery Mobile的網站，使用jQuery Mobile ThemeRoller創建自定義配色方案。