使用css在元素后添加html内容

就像标题所说的，我试图将特定内容添加到页面的一部分。显然，这是一个绝望的办法，因为我无法手动修改代码。到目前为止，这就是我所拥有的

.paper-form input[name="elements[bd67ba9a-507b-4214-98a3-5abd36562937]"]:after {
content:'test';
 }

---

根据我所做的，名称选择器正在工作，但一旦我添加了

：after

，它就不工作了。有人能告诉我我不习惯使用伪代码吗。提前感谢。

：before和：after将无法处理输入元素，您必须这样编写css

.paper-form:after {
    content:'test';
 }

这篇文章描述得很好

（原引述上述帖子中的评论）

……它所评论的答案是正确的。重要的是 该输入是被替换的元素。在：之前和：之后 伪元素构成元素内容的一部分，该元素是 替换，这就是它不渲染的原因。正如上面所指出的那样 第页，在

上，它是一个无效元素，但未被替换，：before和 ：在呈现伪元素之后阿洛奇

---

虽然我没有任何细节可以告诉你，但我有一种感觉，那是因为你正在应用

输入。这里有一个相关链接：哦，我不能那样做。该死的。注意引用的评论是不正确的，而它所评论的答案是正确的。重要的是输入是一个被替换的元素。：before和：after伪元素构成被替换元素内容的一部分，这就是它不呈现的原因。正如在该页上指出的，在呈现伪元素之前和之后，
，它是一个空元素，但没有被替换。