0

トグル クラスの設定方法に問題があります。

ここで の問題は、toogle クラスを構成できません。divが折りたたまれるまですべてが正常に機能しますが、divが折りたたまれ、マウスをdiv（.accordionhover-group）の上に置いたままにすると、間違いが発生します。テキストは白ではありませんが、赤の太字のまま (この方法ではテキストが見えません) で、アイコンの矢印は本来あるべき白ではありません。折りたたまれた後にdiv ( ) にカーソルを合わせると、テキストを白く太字にし、アイコンの矢印を白くするにはどうすればよいですか?.accordionhover-group

4

1 に答える 1

1

ここでテキストを太字にして白くするには、css

.accordionhover-group:hover{
    color: #fff;
    font-weight: bold;        
}

ホバーの矢印は、目的の効果を得るために使用することをお勧めする css です。

.clicked .accordionhover-group i: hover  {
    background-position: -311px -99px;
    background-image:url("http://tommywebdesigner.com/img/glyphicons-halflings-white.png");
    float: right;
}

.clicked .accordionhover-group:hover i {
    background-position: -288px -93px;
    background-image:url("http://tommywebdesigner.com/img/glyphicons-halflings-white.png");
    float:right;
}

.icon-arrow-down-white {
    background-position: -311px -99px;
    float :right;
    margin-top: 5px;
    background-image: url("http://tommywebdesigner.com/img/glyphicons-halflings-white.png");
}

.icon-arrow-up-white {
    background-position: -288px -93px;
    float :right;
    margin-top: 5px;
    background-image: url("http://tommywebdesigner.com/img/glyphicons-halflings-white.png");
}

また、スタイルの後に重要なものを使用する必要はありません。これはCSSで重要なの使用に関する良い記事です http://css-tricks.com/when-using-important-is-the-right-choice/

于 2012-09-14T06:58:57.673 に答える