html - 文本字段初始默认值的样式

Question

我有一个 html 输入文本字段，如下所示:

<input type="text" name="fName" class="inpField" size="20" value="First Name *" />

现在我想按如下方式对一些文本进行选择性样式设置:

1. 我将默认值设置为“名字 *”。使用 css - 我想对整个事物应用全局样式 - 例如字体系列、字体大小。

2. 然后我想有选择地为名字后面的星号 (*) 设置红色样式。由于 * 是包含在属性中的值 - 我如何有选择地仅选择值属性中的星号部分以使其变为红色。

请帮忙。

Answer 1

您可以使用 value 属性的指定值来定位 input(如果您想要定位 value starting 对于 “名字”，您可以使用 ^= 而不是 =):

input[type="text"][value="First Name"] {
   font-size: 10px;
   color: red;
   <...>
}

JSFiddle