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

Question

inputasのCSSルールがあります

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

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

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

score 30 · Accepted Answer

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

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

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

score 5 · Accepted Answer

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

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

3 に答える 3