html - CSS 表单输入[type ="text"] 选择器

Question

我正在使用 CSS 来设计我的 HTML 页面。
我可以使用选择器吗:

form input[type="text"]

改变一种输入类型文本的形式？只有一个和其他人使用这个 CSS？

Answer 1

我真的不明白你的问题。但你有几个选择
将为每个输入的输入文本设置样式。 <input type="text" />

form input[type="text"] {}

将首先设置关卡样式，仅输入键入的文本

form >input[type="text"] {}

将设置第一个唯一输入的样式

form input[type="text"]:first-child {}

将使用类“foo”设置输入类型文本的样式

form input.foo[type="text"] { }

所以。假设你有一个表格

<form action="" method="POST">
<input type="text" name="text" class="foo" />
<input type="text" name="text2" class="bar" />
</form>

这将针对所有输入

form input[type="text"] { border:2px solid #000000; }

这将仅针对类“foo”的第一个输入

form input.foo[type="text"] { background-color:red; }

这将针对“bar”类的第二个输入

form input.bar[type="text"] { background-color:green; }

Click here to view on CodePen