我可以在输入字段上使用：before或：after伪元素吗？

Question

我可以在输入字段上使用：before或：after伪元素吗？我试图:after在input字段上使用CSS伪元素，但它不起作用。如果我使用它span，它可以正常工作。<style type="text/css">.mystyle:after {content:url(smiley.gif);}.mystyle {color:red;}</style>这是有效的（在“buu！”之后和“更多”之前放置笑脸）<span class="mystyle">buuu!</span>a some more这不起作用 - 它只用红色调色someValue，但没有笑脸。<input class="mystyle" type="text" value="someValue">我究竟做错了什么？我应该使用另一个伪选择器吗？注意：我不能添加span我的input，因为它是由第三方控件生成的。

Answer 1

奇怪的是，它适用于某些类型的输入。至少在Chrome中，

<input type="checkbox" />

工作正常，同样如

<input type="radio" />

它只是type=text和其他一些不起作用。