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

Question

我有一种输入框形式，我需要编写一个好的选择器。我只需要将属性分配给输入框内的内容。表格如下所示：

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

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

最好的方法是什么？

score 0 · Accepted Answer

当您添加了一个类“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;
}

score 0 · Accepted Answer

您可以使用其中input.yyy {}之一，这将适用于所有浏览器，但如果页面上有多个输入元素且类别为 yyy，它将选择所有这些元素。

另一种选择是 input[name=xxx]，使用新的 CSS3 选择器，但这在旧版浏览器中不起作用，因此取决于该样式在任何地方都适用的重要性。

2 回答 2