HTML   发布时间:2022-04-14  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了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”添加到您的文本输入,并使用您的原始选择器.

大佬总结

以上是大佬教程为你收集整理的html – 如何使用CSS定位文本输入字段?全部内容,希望文章能够帮你解决html – 如何使用CSS定位文本输入字段?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。