文本输入字段的CSS选择器?

如何使用CSS选择器定位“文本”类型的输入字段?

NearGreen2020/03/20 13:17:42

输入[类型=文本]

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

宝儿理查德2020/03/20 13:17:42

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

input[type=text] {
background:gold;
font-size:15px;
 }
Pro小哥2020/03/20 13:17:41

您可以在此处使用属性选择器:

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

IE7及更高版本支持此功能。如果需要支持IE6,则可以使用IE7.js添加对此的支持。

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

NearL2020/03/20 13:17:41

我在表行字段中有输入类型的文本字段。我用代码定位

.admin_table input[type=text]:focus
{
    background-color: #FEE5AC;
}
猴子村村2020/03/20 13:17:41

正如@Amir上面所述,当今最好的方法是使用跨浏览器并保留IE6。

[type=text] {}

没有人提及的低级CSS特异性(为什么 那个 重要?)到目前为止,[type=text] 拥有 0,0,1,0,而不是0,0,1,1用input[type=text]

在性能方面,完全没有负面影响。

刚发布的v4.0.0规范化了,但选择器的特异性降低了