css - 如何为输入设置 CSS 规则，除了一种类型

Question

input我有as的 CSS 规则

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

我想将此样式应用于所有input元素，除了一个（例如，type="submit"）。

如何从 CSS 样式中排除一种输入类型？

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

Answer 3

您可以使用提交输入字段的新样式覆盖常规输入字段样式。看看：http: //jsfiddle.net/dpYRX/2/

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

input[type="submit"] {
    background: #ff0000;
}

input[type="submit"]:hover {
    background: #cdcdcd;
}