css - 1種類を除く、入力用のCSSルールの設定方法

Question

inputasのCSSルールがあります

input {
background:#FFFFFF
}
input:hover {
background:#BBBBBB
}

inputこのスタイルを 1 つを除くすべての要素に適用したい(例: type="submit")。

CSS スタイルから 1 つの入力タイプを除外するにはどうすればよいですか?

Answer 1

:not()疑似クラスと属性セレクターを使用できます。

input:not([type=submit]) {
    background: slategray;
}

IE 8 以下はサポートされていないことに注意してください。

http://jsfiddle.net/qpxYb/1/

Answer 2

:not()セレクターを使用できます。

input:not([type='submit']):hover {
/* rules here */
}

http://www.w3.org/wiki/CSS/Selectors/pseudo-classes/:not