![在“输入”元素之前或之后的CSS内容生成[重复]](http://www.mshxw.com/aiimages/31/596860.png "在“输入”元素之前或之后的CSS内容生成[重复]")
使用
:before和
:after指定要在该元素内部 的内容 之前（或之后）插入 的内容 。
input元素没有内容。
例如，如果你写的
<input type="text">Test</input>（这是错误的），浏览器会纠正这一点，并把文字 后 输入元素。
您唯一可以做的就是将每个输入元素包装在span或div中，然后将CSS应用于这些元素。
请参阅[规范中]的示例：
例如，以下文档片段和样式表：
<h2> Header </h2> h2 { display: run-in; } <p> Text </p> p:before { display: block; content:‘Some’; }
…将以与以下文档片段和样式表完全相同的方式进行渲染：
<h2> Header </h2> h2 { display: run-in; } <p><span>Some</span> Text </p> span { display: block }这是一样的道理，为什么它不工作
<br>，
<img>等（
<textarea>好像是特殊）。
