0

私のサイトのデザインでは、jQuery UI タブを使用しています。タブにカーソルを合わせたときに表示される濃い緑色を変更したいと考えています。ただし、この色は CSS のどこにも見つからないか、オーバーライドできません。また、Chrome 開発者ツールには、タブに一致するそのような色は表示されません。これがjsfiddleです：http://jsfiddle.net/Uy4Jz/1/

このCSSはそれをオーバーライドできるはずですが、そうではないようです:

#tabs .ui-tabs-nav .ui-state-active { 
    background: transparent url(images/uiTabsArrow.png) no-repeat bottom center; 
    border: none; 
    color: #000;
}

この色を変更したり、別の色で上書きしたりするにはどうすればよいですか?

4

3 に答える 3

4

これは、CSS の次の宣言に由来します。

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
    color: #205225;
    text-decoration: none;
}

おそらく、すべてのインスタンスを更新するのが最善です

color: #205225;

あなたが求めている適切な16進数の色に。

于 2013-06-30T20:09:07.827 に答える
1

これをCSSで希望の色で上書きします

.ui-state-hover a, 
.ui-state-hover a:hover, 
.ui-state-hover a:link, 
.ui-state-hover a:visited{
    color: #205225; /*change this*/
}
于 2013-06-30T20:09:09.763 に答える
0

「ブログ」、「自己紹介」、「プロジェクト」について話している場合は、リストa内のをターゲットにしてli、ホバー疑似要素のスタイルを設定します

#tabs ul li a:hover {
    color: blue;
}
于 2013-06-30T20:09:31.253 に答える