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

Question

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

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

根据我所做的，名称选择器正在工作，但是一旦我添加了:after它就不起作用了。谁能告诉我我不习惯使用伪代码。提前致谢。

score 3 · Accepted Answer

:before 和 :after 不适用于输入元素，你必须这样写 css

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

score 0 · Accepted Answer

（最初在上面的帖子中引用了评论）

...它正在评论的答案是正确的。重要的是输入是一个替换的元素。:before 和 :after 伪元素构成了被替换元素内容的一部分，这就是它不渲染的原因。正如在该页面上指出的那样，on<hr>是一个 void 元素但未被替换， :before 和 :after 伪元素被渲染。– 阿洛奇

2 回答 2