ラジオボタンのホバーカラーを変更するには

Question

このテキストを表示するには、このCSSコードをテキストエリアに使用しています。下の画像のようにIE以外のすべてのブラウザでうまく動作します。ラジオボタンの背景を透明にする方法。

私のCSSコード：

input:focus, input:hover, textarea:focus, textarea:hover { 
border: 0 none; 
background: blue; 
} 

Answer 1

あなたが直接inputをスタイリングしているので、ラジオボタンやチェックボックスも対象となります。これを避ける簡単な方法は、:not()セレクタをinput:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=button]):focusのように使用することです。ただし、これはIE < 8（？）では機能しません。

Answer 2

powerbuoyは、通常のテキストボックスに加えて、入力セレクタがチェックボックスとラジオを選択していることを正しく示しています。
しかし、私はより多くのブラウザで動作する彼の代わりに使うことができるという提案があります。
基本的に、すべてのチェックボックスとラジオボタンの入力にクラスを追加できます。
ので、あなたのチェックボックスとラジオhtmlが

<input type="checkbox" class="checkbox"> 
<input type="radio" class="radio"> 

になり、その

input.checkbox, input.radio 
{ 
    background:transparent; 
}