0

私はこのアコーディオン（クローズ）を以下のようにしています：

トップを揃える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;}
4

2 に答える 2

0

jQuery Mobileサイトの場合は、jQueryMobileThemeRollerを使用してカスタム配色を作成します。

于 2012-09-11T02:53:00.400 に答える
0

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; }
于 2012-09-11T06:17:44.730 に答える