javascript - 有没有办法在文本后添加伪元素

是否可以在特定文本后添加伪::after？

目前我有:

<div class="radio_button">
 <label for="button_1">
  ::before
  button 1 text
 </label>

我需要在按钮 1 文本之后添加 ::after

最佳答案

根据我的评论进一步阐述:您可以简单地使用 ::after <label> 上的伪选择器元素并指定内容。这具有将内容附加到元素内的效果。请注意 ::after伪选择器将内容注入(inject)您的元素，而不是将其附加到元素之后。

这是一个概念验证示例:

.radio_button label::after {
  content: 'Appended content';
  
  /* For visuals only */
  color: red;
}

<div class="radio_button">
  <label for="button_1">
    button 1 text
  </label>
</div>

关于javascript - 有没有办法在文本后添加伪元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/54812471/