样式所有输入,但复选框和收音机

Question

我正在尝试使用我使用的样式

input:not([type=checkbox]),
input:not([type=radio]){ ...

但显然这是行不通的.我如何使用我为所有输入编写的样式而只是这两个？

Answer 1

您需要使用单个组合选择器而不是两个选择器:

input:not([type=checkbox]):not([type=radio]) { ... }

这将选择任何input没有该属性type=checkbox且没有该属性的元素type=radio.问题中的代码(带有两个选择器)选择所有input不具有该属性的元素type=checkbox以及所有input不具有该属性的元素type=radio,因此最终选择所有input元素.

通常的CSS注意事项适用.您可能希望使用像Selectivzr这样的polyfill来覆盖旧版本的IE.