更改“content”CSS属性中的文本颜色

Question

我有一个表格，其中包含一系列必填字段，如下所示：

<div class="required">
    <label>Name:</label>
    <input type="text">
</div>

<style>
    .required:after { content:" *"; }
</style>

现在我想把星号写成礼貌的红色，表示填写表格可能出错了。

Answer 1

设置颜色属性：.required:after { content:" *"; color: red; }

样式属性也会对内容产生影响。

Answer 2

以下是一个很好的例子：FIDDLE

拥有：.required:after { content: "*"; color: red; }