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

发布时间：2020-12-14 23:49:17 所属栏目：资源来源：网络整理

导读：说你有以下 HTML： input /br /input type=text / 当然,在我的HTML中,我还会有其他类型的输入字段(复选框等).现在我只想为文本输入设置样式. 我在搜索时找到的是在CSS中执行以下操作： input[type=text] { background: red; } 对于属性明确存在的第二个输入,

说你有以下 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”添加到您的文本输入,并使用您的原始选择器.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!