说你有以下
HTML:
<input /> <br /> <input type=text />
当然,在我的HTML中,我还会有其他类型的输入字段(复选框等).现在我只想为文本输入设置样式.
我在搜索时找到的是在CSS中执行以下操作:
input[type=text] { background: red; }
对于属性明确存在的第二个输入,这个工作.对于第一个但是,它的工作在IE8,但不是在IE10.也不在Chrome.
那么我如何可以定位所有文本输入字段,只有文本输入字段,而不必将type = text全部存在?
您可以在jsFiddle中看到这一点.对于IE8,请查看these instructions关于如何让jsFiddle工作,但它看起来像这样:
解决方法
如果你想要省略type =“text”并且仍然有选择器匹配,你将不得不使用CSS3中可用的not psuedoselector:
input[type="text"],input:not([type]) { ... }
这在IE的较低版本中将不起作用,因为CSS3在这些浏览器中不太受支持.