在“输入”元素之前或之后的CSS内容生成[重复]

在“输入”元素之前或之后的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>

好像是特殊）。