CSS：不是选择器来定位特定类型的输入

Question

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

例如：

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

以上不起作用

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

这可以实现吗？如果没有，最佳解决方案是什么？

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

Answer 1

你必须这样做：fiddle

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

因为如果你不使用[]你没有选择器。此外，这不支持所有旧浏览器

Answer 2

尝试：

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

请注意，使用input, input:not([type='email'])实际上，由于您还指定了一个裸input，因此实际上该条件无效。