:: after元素即使设置了内容也没有显示

Question

::after元素未出现在我的网站中。我在红星上设置了上下文，但它完全忽略了它。我正在使用.NET Core在输入元素上构建网站和注释验证。其中一些可以解决这个问题吗？我尝试了CSS参数的变体，但没有任何效果。

input:required::after {
  content: '*';
  display: block;
  color: red;
  font-weight: bold;
  visibility: visible;
}

<div class="form-group">
  <label for="firstName" asp-for="FirstName" class="control-label"></label>
  <input id="firstName" asp-for="FirstName" class="form-control" required/>
  <span asp-validation-for="FirstName" class="text-danger"></span>
</div>

我期望的结果是输入后（或右侧输入中）的小红星。