Javascript 将红色星号添加到必填字段

我想为我的必填字段添加一个红色星号。到目前为止，我已尝试使用以下方法：

。必填字段：：之前{
内容：“*”；
颜色：红色；
浮动：对；
}

发布人：

而不是

：：在

之前使用

：：在

之后并移除

浮动：右

：：before

将伪元素放置在所选元素之前<代码>：：after将把它放在后面，因此，您可以直接将它放在后面，而不是将星号放在您想要的元素之前，并以浮点/位置移动它

星号向右移动太远的原因是，浮动会将元素移动到父容器的右侧（不一定是父元素，如果需要详细说明，请告诉我）。因此，通过向右浮动，您告诉它移动到标签容器的最右侧，这意味着只移动到文本框的左侧，而不是标签文本的右侧

---

嘿，你把星号移到右边了

改用

.required-field::after {
  content: "*";
  color: red;
  margin-left:2px
}

您使用的是pseudo:：before选择器，它将内容放在元素之前。使用pseudo:：after将其放置在元素之后。

。必填字段：：之前{
内容：“*”；
颜色：红色；
}

地位：
签发人：

Posting code本身并不是一个好答案。添加一些词语，解释你改变了什么以及为什么。

.required-field::after {
  content: "*";
  color: red;
  margin-left:2px
}