スタイルHTML選択タグとオプションタグ

Question

少しCSS3でオプション要素をスタイル設定できることがわかりました。私はmouseoverイベント中にアクティブな要素の背景を制御しようとしています。私は：hoverセレクタを効果的に使うためにこれを使いました。しかし、マウスがオプショングループを離れると、フォントはまだ白です。私がこれをコントロールできる方法はありますか？

 
option 
{ 
    background-image: -webkit-gradient( linear,  left bottom,  left top,  color-stop(0, rgb(237,233,233)),  color-stop(1, rgb(255,255,255))); 
    background-image: -moz-linear-gradient( center bottom,  rgb(237,233,233) 0%,  rgb(255,255,255) 100%); 
    color:#333333; 
} 
option:hover 
{ 
    background-image: -webkit-gradient( linear,  left bottom,  left top,  color-stop(0, rgb(20,26,85)),  color-stop(1, rgb(137,145,192))); 
    background-image: -moz-linear-gradient( center bottom,  rgb(20,26,85) 0%,  rgb(137,145,192) 100%); 
    color:#FFFFFF; 
} 

アクティブな要素のフォントの色を制御する方法がわかりません。これは必ずしも選択された要素のいずれかではありません。

Answer 1

あなたがアンカータグのためにこれをやっている場合は、このMainerでクラスを定義してください。

.option a{ 
background-image: -webkit-gradient( linear,  left bottom,  left top,  color-stop(0, rgb(237,233,233)),  color-stop(1, rgb(255,255,255))); 
background-image: -moz-linear-gradient( center bottom,  rgb(237,233,233) 0%,  rgb(255,255,255) 100%); 
color:#333333; 
} 

.option a:hover{ 
background-image: -webkit-gradient( linear,  left bottom,  left top,  color-stop(0, rgb(20,26,85)),  color-stop(1, rgb(137,145,192))); 
background-image: -moz-linear-gradient( center bottom,  rgb(20,26,85) 0%,  rgb(137,145,192) 100%); 
color:#FFFFFF; 
} 

それが正常に動作します。さらにタグをつけると、色の黒を使用しているときに通常となるリンクがマウスオーバーした後にホバーが表示されます。

他のタグに使用している場合は、同じ本体で使用してください。