我正在尝试: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，因为它是由第三方控件生成的。