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

Question

我有input的CSS规则为

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

我想将此样式应用于除{1}之外的所有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 */
}

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;
}