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