我正在尝试:after在字段上使用 CSS 伪元素input，但它不起作用。如果我将它与 a 一起使用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在 my 周围添加 a input，因为它是由第三方控件生成的。