1

jQuery UIアコーディオンでは、すべてのアコーディオンが折りたたまれている場合、折りたたまれたアコーディオンの上にマウスを置くと、異なる色で表示されます。

現在の色は非常に微妙で、一部のユーザーにとってはマウスオーバーに気づきにくいです。

その色を変える方法は？
変更するCSSプロパティはどこにありますか？

4

2 に答える 2

0

ui-state-hovercss プロパティを変更しようとしています。css ファイルで手動で変更するか、jquery サイトのテーマ ローラーClickable: hover stateに移動して微調整するか、別の配色を選択するか、完全に独自のものを作成することができます。(その場合は、既存の css ファイルを作成するものに置き換えるだけです。)

于 2013-03-12T22:08:57.337 に答える
0

Google Chrome 開発者ツールを使用すると、要素をホバリングすると、同じファイルのui-state-defaultjQuery-ui.css 行 821 と行 838 の間でクラスが切り替わることがわかります。ui-state-hover

CSS は次のとおりです。

.ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3/*{borderColorDefault}*/;
    background: #e6e6e6/*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/;
    font-weight: normal/*{fwDefault}*/;
    color: #555555/*{fcDefault}*/;
}

と

.ui-widget-header .ui-state-focus {
    border: 1px solid #999999/*{borderColorHover}*/;
    background: #dadada/*{bgColorHover}*/ url(images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/;
    font-weight: normal/*{fwDefault}*/;
    color: #212121/*{fcHover}*/;
}

そのcssファイルへの参照がある場合は、自分のコピーで直接更新するか!important、スタイルに追加する同じクラス名で独自のcssを追加できると思います。

私は最初に試してみますが、後でよくわかりません.使用すること!importantは良い習慣ですが、間違っている可能性があります.

于 2013-03-12T22:09:21.173 に答える