0

だから私は自分のサイトで twitter ブートストラップを使用し、購入した css テンプレートを使用しています。残念ながら、先行入力を使用すると、ドロップダウンが表示され、ドロップダウンのホバー/フォーカスされた選択肢が暗すぎてテキストが見えなくなります。テキストは黒で、ホバー/フォーカス時に背景が非常に濃い灰色であるため、テキストを読み直すことができません

dropdown-menu .active > a:hover と、ドロップダウンで表示できるほとんどすべての色属性を変更しようとしましたが、テキストの色は変更されませんでした。私は何か簡単なものを見逃しているに違いない

また、それをクリックしてクロムの検査要素を選択しようとすると、残念ながら消えます

助けていただければ幸いです

4

1 に答える 1

1

これはあなたにとって有望なスタートのようです： http://jsfiddle.net/panchroma/SDLpt/

ホバー背景は実際にはグラデーションです。デフォルトのホバー背景を #aaa に変更し、デフォルトのホバー テキストの色を赤に変更しました。

CSS

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
 color: red;
 text-decoration: none;
 outline: 0;
 background-color: #aaa;
 background-image: -moz-linear-gradient(top, #aaa, #aaa);
 .....
 }

幸運を！

于 2013-02-17T01:03:10.717 に答える