html – 如何使用CSS定位文本输入字段?

前端之家收集整理的这篇文章主要介绍了html – 如何使用CSS定位文本输入字段?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
说你有以下 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]) {
    ...
}

http://jsfiddle.net/dByqP/5/

这在IE的较低版本中将不起作用,因为CSS3在这些浏览器中不太受支持.

最好的解决方案是通过并将type =“text”添加到您的文本输入,并使用您的原始选择器.

原文链接:https://www.f2er.com/html/227894.html

猜你在找的HTML相关文章