firefox输入伪CSS:before[duplicate]

我想用 :after input 但它不起作用。如果我把它和 span ,工作正常。

<style type="text/css">
.mystyle:after {content:url(smiley.gif);}
.mystyle {color:red;}
</style>

这很管用(把笑脸放在“buu!”在“更多”之前)

<span class="mystyle">buuu!</span>a some more

这不起作用——它只会用红色给某个值上色,但没有笑脸。

<input class="mystyle" type="text" value="someValue">

我做错什么了?我应该使用另一个伪选择器吗?

注意:我不能添加 在我的周围 输入 ,因为它是由第三方控件生成的。