Как это ни печально, большинство браузеров не поддерживают псевдоэлемент :after для заменяемых элементов страницы (изображений и полей ввода). Из всех опробованных браузеров (Firefox 11, Opera 11.60, IE 8, Chrome 20) только Chrome отобразил контент после тега <input>. После <select> не отобразил контент ни один браузер.
Такое поведение браузеров вроде бы не противоречит спецификации W3C, т.к. :after добавляет содержимое во внутреннее дерево элемента, которое у заменяемых элементов страницы (и вообще любых элементов не-контейнеров) отсутствует.
Есть одно грязно-прекрасное решение:
ОтветитьУдалитьhttp://jsfiddle.net/aLbNd/2/
вместо anyword может быть любое слово, даже отсутствие слова.
Самый, наверное, гряз