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

html CSS

ProHarry逆天

2020-03-20

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

第2474篇《文本输入字段的CSS选择器？》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共5个回答

NearGreen 2020.03.20

输入[类型=文本]

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

宝儿理查德 2020.03.20

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

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

Pro小哥 2020.03.20

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

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

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

NearL 2020.03.20

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

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

猴子村村 2020.03.20

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

[type=text] {}

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

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

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

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android