10

input我有as的 CSS 规则

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

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

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

4

3 回答 3

30

您可以使用:not()伪类和属性选择器,例如

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

请记住,不支持 IE 8 及以下版本。

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

于 2013-06-04T20:38:13.343 回答
5

您可以使用:not()选择器。

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

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

于 2013-06-04T20:38:59.580 回答
2

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

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

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

input[type="submit"]:hover {
    background: #cdcdcd;
}
于 2013-06-04T20:44:11.897 回答