input alan :after CSS pseudo-element kullanmaya çalışıyorum, ama çalışmıyor. Ben ** 5, a ile kullanıldığında işe yarıyor.

<style type="text/css">
.mystyle:after {content:url(smiley.gif);}
.mystyle {color:red;}
</style>

Bu işleri (koyar gülen sonra "buu!" ve daha önce "biraz daha")

<span class="mystyle">buuu!</span>a some more

Bu çalışmıyor - sadece kırmızı renkleri burada arar, ama gülen yok.

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

Neyi yanlış yapıyorum? sözde seçici bir kullanmalıyım?

Not: üçüncü taraf bir denetim tarafından üretiliyor çünkü bir span benim çapında Ekle ** 10,.

:before :after bir kap içine işlemek

Sözde elemanlar sadece tanımlanabilir (ya da daha iyi desteklenir söyledi) kapsayıcı öğeleri. İşlenen böyledir çünküiçindeçocuk bir unsur olarak kabın kendisi. input desteklenen değiller dolayısıyla diğer unsurlar içeremez. button ayrıca bir form. öte yandan bir unsur destekler, diğer bir kap alt elemanları olduğu için.

Eğer bana sorarsan, eğer bazı tarayıcıyokbu iki sözde unsurları kapsayıcı olmayan öğeleri görüntülemek, bir hata ve standart olmayan bir uyumu var. Şartname doğrudan öğe içeriği hakkında görüşmeler

W3C belirtimi

Eğer Biz dikkatle the specification okursanız aslında eklenen olduklarını söylüyoriçindeiçeren bir element:

Yazarlar after sözde elemanları ile oluşturulan içerik, stil ve konumu :önce :belirtin. İsimlerini belirtmek gibi :before ve :after sözde elementleri ve bir elemanın belge ağacı içeriği önce ve sonra içeriğin konumunu belirtin. 'İçerik' özelliği, pseudo-elements bunlarla birlikte, eklenen belirtir.

Gördün mü?bir elemanın belge ağacıiçerik. Anladığım kadarıyla bu demektiriçindebir kap.