CSS伪元素如何改变颜色

时间:2018-09-07 05:26:06

标签: css css3

我不太擅长CSS。我是Java脚本开发人员。我找到了一个代码来添加我的项目,以在输入字段中添加星号。 这是代码。谁能告诉我如何使该星号标记颜色为红色。

.required label::after {
  content: "*";
}

任何帮助,谢谢高级!

=)

5 个答案:

答案 0 :(得分:5)

您可以使用以下CSS样式

.required label::after {
  content: "*";
  color:#ff00ff;
}

答案 1 :(得分:4)

与其他任何元素一样,您可以向其添加color属性。

.required label::after {
  content: "*";
  color: red;
}

这里是一个示例:

.required label::after {
  content: "*";
  color: red;
}
<div class="required">
  <label>Some text</label>
</div>

答案 2 :(得分:4)

您也可以使用color设置伪元素的颜色。

.required label:after {
  content: '*';
  color: #f00;
}
<div class='required'>
  <label>First Name :</label>
  <input type ='text' />
</div>

答案 3 :(得分:3)

这可能完全适合您

.required label::after {
   content: '*';
   width: 10px;
   color: blue;
}

请提供宽度。

答案 4 :(得分:1)

您可以简单地在CSS类中添加color属性。尝试以下摘要

.required label::after {
content: '*';
color:#f00;
}

OR

.required label::after {
content: '*';
color:red;
}

OR

.required label::after {
content: '*';
color:rgb(255,0,0);
}