CSS选择文本输入字段?

我如何能目标输入字段类型的“文本”使用CSS选择器?

当前回答

正如@Aamir提到的，现在最好的方法——跨浏览器，抛弃IE6——是这样的:

[type=text] {}

还没有人提到CSS的低特异性(为什么这很重要?)[type=text]的输入为0,0,1,0，而不是0,0,1,1。

就性能而言，再也没有负面影响了。

Normalize v4.0.0刚刚发布，降低了选择器的特异性。

其他回答

我想在表格行中设置文本输入字段的样式。我用下面的代码做到了:

.admin_table input[type=text]:focus {
    background-color: #FEE5AC;
}

输入[type =“text”]

这将选择网页中所有的输入类型文本。

我通常在我的主样式表中使用选择器，然后制作一个ie6特定的.js (jquery)文件，该文件将一个类添加到所有输入类型中。例子:

$(document).ready(function(){
  $("input[type='text']").addClass('text');
)};

然后使用类在ie6特定的样式表中复制我的样式。这样，实际的标记会更简洁一些。

使用属性选择器，我们的目标是CSS中的输入类型文本

input[type=text] {
background:gold;
font-size:15px;
 }

你可以在这里使用属性选择器:

input[type="text"] {
    font-family: Arial, sans-serif;
}

这在IE7及以上版本中得到支持。如果你需要支持IE6，你可以使用IE7.js来增加对它的支持。

更多信息请参见:http://reference.sitepoint.com/css/attributeselector

推荐文章