Css selectors 用于匹配不带属性x的元素的css选择器

Css selectors 用于匹配不带属性x的元素的css选择器,css-selectors,css,Css Selectors,Css,我正在处理一个CSS文件,发现需要设置文本输入框的样式,但是,我遇到了一些问题。我需要一个匹配所有这些元素的简单声明: <input /> <input type='text' /> <input type='password' /> 在上面的CSS中,请注意第一个选择器是input[!type]。我的意思是,我想选择所有没有指定type属性的输入框(因为它默认为text,但input[type='text']与之不匹配)。不幸的是,我在CSS3规范中找不到

我正在处理一个CSS文件,发现需要设置文本输入框的样式,但是,我遇到了一些问题。我需要一个匹配所有这些元素的简单声明:

<input />
<input type='text' />
<input type='password' />
在上面的CSS中,请注意第一个选择器是
input[!type]
。我的意思是,我想选择所有没有指定type属性的输入框(因为它默认为text,但
input[type='text']
与之不匹配)。不幸的是,我在CSS3规范中找不到这样的选择器


有人知道实现这一点的方法吗?

:not
选择器:

input:not([type]), input[type='text'], input[type='password'] {
    /* style here */
}

在Internet Explorer 9和更高版本中

对于更跨浏览器的解决方案,您可以按照您希望的方式设置所有输入的样式,包括非键入、文本和密码,然后另一种样式将覆盖收音机、复选框等的该样式

input { border:solid 1px red; }

input[type=radio], 
input[type=checkbox], 
input[type=submit], 
input[type=reset], 
input[type=file] 
      { border:none; }
-或-


生成非类型化输入的代码的任何部分都可以给它们一个类,比如
。没有类型
,或者根本就没有输出?另外,这种类型的选择可以通过jQuery来完成。

只是想添加到这一点上,您可以使用selectivizr:

在旧版中使用:not选择器,我已经尝试过img:not[src=”“]{可见性:隐藏;宽度:0;高度:0;}但不起作用,请帮助操作,您肯定应该创建一个新问题。只需输入属性名称;img:not([src])jQuery选择器:use.not()$(“[data plot id]”。不是(“[data bean id]”)。css({border:'5px实心红色“})
input:not([type]), input[type='text'], input[type='password'] {
    /* style here */
}
input { border:solid 1px red; }

input[type=radio], 
input[type=checkbox], 
input[type=submit], 
input[type=reset], 
input[type=file] 
      { border:none; }