ホバリングされていない要素のみのスタイルを設定する

Question

「ホバリング」されていない要素に対してのみスタイルを設定することはできますか？例えば

：

<input id="1"/> 
<input id="2"/> 
<input id="3"/> 
<input id="4"/> 

入力3がホバーされます。そして私はそれがデフォルト値を持っていることを望みます。

input { 
    background-color:red; 
} 

Answer 1

私は完全にあなたが求めているものを得ることはありませんが、これはCSS3のセレクタですちなみに

input:not(:hover) { 
} 

を助けるかもしれないので、それは、従来のブラウザをサポートしません。

http://kilianvalkhof.com/2008/css-xhtml/the-css3-not-selector/

Answer 2

ないあなたが探しているものを確認、これを試してみる：

input { 
    background-color:blue; 
} 
input:hover { 
    background-color:red; 
} 

http://jsfiddle.net/eMPKD/

Answer 3

を、私はあなたが "推移していないではない" で何を意味するかわかりません。ホバー要素でそれ

input { 
    background-color: red; 
} 

input:hover { 
    background-color: grey; 
} 

Answer 4

設定解除：

input { 
    background-color: red; 
} 

input:hover { 
    background-color: transparent; 
} 

transparentがバックグラウンドにするデフォルト値であるあなたがこれを行う方法は、デフォルトのスタイルと「ホバー」用に別のスタイルを設定されています色が何も設定されていなければ、色を明示的に設定するとデフォルト値に強制されます。

Answer 5

すべての入力項目（4つすべて）に1つのデフォルト状態を欲しがっていないときに、1つの項目がすべて選択されたときに、他のすべての項目が別のスタイルを取得するようにすれば、

もしそうなら、多分あなたがこれを行うことができます：

input { 
    background-color: red; /* this is the default when none is hovered */ 
} 
#containerForInputs:hover input { 
    background-color: yellow; /* this is the default for all except the one item that is hovered */ 
} 
#containerForInputs input:hover { 
    background-color: blue; /* this is the style for the hovered item */ 
} 

そのようなことを？ （自分で試したことはありませんが、それはうまくいくと思います）