Я пытаюсь использовать:after CSS псевдоэлемент на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

Это не работает - он только окрашивает someValue в красный, но смайлика нет.

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

Что я делаю неправильно? я должен использовать другой псевдо-селектор?

Примечание: я не могу добавитьspan вокруг моегоinputпотому что он генерируется сторонним контролем.