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

时间:2013-08-14 06:54:21

标签: html css

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

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

从我所做的,名称选择器正在工作但是一旦我添加:after它就行不通。任何人都可以告诉我,我不习惯使用伪代码。提前谢谢。

2 个答案:

答案 0 :(得分:3)

:before和:after将无法使用输入元素,你必须像这样编写css

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

在本文http://www.w3.org/TR/CSS2/generate.html#before-after-content

中有详细描述

答案 1 :(得分:0)

Can I use the :after pseudo-element on an input field?

(最初在上面的帖子中引用评论)

  

......它正在评论的答案是正确的。重要的是   该输入是替换元素。 :之前和之后   伪元素构成元素内容的一部分   替换,这就是为什么它不呈现。正如所指出的那样   页面,在 <hr> 上,其中包含void元素但未替换,:before和   :渲染伪元素后。 - Alohci