css - 如何为输入框内的内容编写合适的选择器？

Question

我有一个输入框，我需要写一个好的选择器。我只需要将属性分配给输入框内的内容。表单如下所示:

<label></label>
<input type="text" disabled="disabled" name="xxx" size="100" value="abcd" class="yyy" />

但是，我的页面上有更多此类元素。

最好的方法是什么？

Answer 1

当您添加了一个类“yyy”后，您可以继续执行以下操作:

<style type="text/css">
.yyy {
  font-size: 14px;
  font-family: Arial;
  color: #FF0000;
}
</style>

您当然可以粘贴上面的 HTML 代码并将其植入您的 HTML 文档中，但最好让 HTML 和 CSS 彼此远离。

所以在你的 head 标签中添加这段代码:

<link href="some/style.css" type="text/css" rel="stylesheet" />

在 style.css 里面:

.yyy {
 font-size: 14px;
 font-family: Arial;
 color: #FF0000;
}