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

Question

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

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

现在我想对一些文本进行选择性样式如下：

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

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

请帮忙。

Answer 1

您可以input使用value属性的指定值进行定位（如果要定位以"First Name"value 开头，可以使用代替）：^==

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

JSFiddle