テーマローラーのカスタムスタイルシートとアコーディオンを持っています。問題は、アコーディオンの一部を折りたたむと、折りたたまれたヘッダーが元の赤い色に戻るのではなく、黒に変わることです。私はcssを調べましたが、これはjavascriptの問題です。bc私のホバーの色は黒で、何らかの理由で折りたたまれてもその色のままです。
ここにリンクがありますhttp://filtersavvy.com/index.php?main_page=index&cPath=351_448&sort=20a
テーマローラーのカスタムスタイルシートとアコーディオンを持っています。問題は、アコーディオンの一部を折りたたむと、折りたたまれたヘッダーが元の赤い色に戻るのではなく、黒に変わることです。私はcssを調べましたが、これはjavascriptの問題です。bc私のホバーの色は黒で、何らかの理由で折りたたまれてもその色のままです。
ここにリンクがありますhttp://filtersavvy.com/index.php?main_page=index&cPath=351_448&sort=20a
クリックしてヘッダーを閉じると<h3>
、クラスが取得されui-state-focus
ます。クリックで閉じているかどうかを確認できます。閉じている場合は、クラスを削除しますui-state-focus
。これにより、適用されているcssルールが変更されます。
このCSSルールを探す
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
background: url("/includes/templates/theme376/css/images/ui-bg_highlight-soft_100_100909_1x100.png") repeat-x scroll 50% 50% #F50019;
border: 1px solid #F50019;
color: #FFFFFF;
font-weight: normal;
}
.ui-state-focus
この問題は、フォーカスがあるときにクリックされたメニュー項目の背景が黒で表示されるクラスが原因で発生します。そのルールからクラスを削除するか、次のように再定義します。
.ui-state-focus { background: none }