<select>ハイライトカラーを変更する

Question

<select>のハイライト表示色を変更するにはどうすればいいですか？<li>を強調表示する色は、CSSを使用してカーソルを上書きしますが、

Answer 1

内のすべての要素に、あなたがその色」について何を意味するのか全く分から疑似クラスを置きますハイライト<li> "と表示されますが、<option>要素の背景色を変更したいと思うようです。私はそれを試しても動作しません、あなたは常にシステムの色を取得します。

あなたは、これはちょっと作品マウスオーバーで全体<select>要素、強調表示したい場合は、次の動作が異なるブラウザで異なっているが

select:hover { background-color: red; } 

を。たとえば、Chromeはドロップダウンのオプションを強調表示しません。 Firefoxは動作しますが、マウスを動かしてもまだ戻っていない場合は元に戻りません。

は多くの多くの類似の質問に記載されているように、フォームコントロールを確実にスタイルできません。詳細についてはSee hereをご覧ください。 :hoverはIE7でバグがあるが動作しますbackground-colorを設定し、上記のよう

select option:hover { 
    background-color: yellow; 
} 

Answer 2

あなたは使用することができます。

例えば

.classOfElementToColor:hover {background-color:red; color:black} 

ほとんどのブラウザで動作しますが、ないIE6

Answer 3

は単純に、このCSSセレクタを使用しています。 - あなたが好きなものを通じてオプションのハイライトの色を変更することはできません

Answer 4

- 役立つ厳密にあなたのDOCTYPEを設定：

Answer 5

>background:#f9f9f9

あなたはこのような何か行うことができます。

  select > option:hover{ 
       box-shadow: 0 0 10px 100px #FED20F inset; 
       transition: all .2s ease-in-out; 
      }