html - CSS :not 选择器来定位特定类型的输入

Question

我想为除特定类型之外的所有输入设置样式。

例如：

input,
input:not(type='email') {
    background: red;
}

以上不起作用

所以我希望所有输入都具有红色背景（显然我不这只是一个例子），除了电子邮件类型的输入元素。我尝试使用:not选择器定位的类型可能不同。

这可以实现吗？如果不是，最好的解决方案是什么？

如果你很好奇，我会尽量避免指定我想要定位的所有类型的输入，这样我不想定位的类型就不会得到那种风格。

Answer 1

你必须这样做：小提琴

input:not([type='email']) {
    background: red;
}

因为如果你不使用 [] 你就不会做一个选择器。这也不支持所有旧浏览器

Answer 2

尝试：

input:not([type='email'])

但请记住，通过使用input, input:not([type='email'])您实际上使条件变得无用，因为您也指定了一个裸机input。