Bir css sözde öğesini nasıl edinebilirim: IE8'de Javascript olmadan çalışmayı mı kontrol ettiniz?

Question

İki radyo düğmem var, tıklayın arka plan rengini tıklamanız gerekiyor. Kodum IE8 dışındaki tüm tarayıcılarda çalışır. Bunu Javascript kullanmadan IE8 için çalışmak için bu mümkün mü?

http://jsfiddle.net/chrimbus/sXjyL/3/

Answer 1

<form> 
    <input type="radio" id="m" name="gender" value="male"> 
    <label for="m">male</label> 
    <input type="radio" id="f" name="gender" value="female"> 
    <label for="f">female</label> 
</form> 

input:checked + label{ 
    background:red; 
} 

IE8 understands komşu kardeş seçicileri birlikte, doesn't understand checked sözde eleman, bu nedenle maalesef sadece CSS kullanarak kod IE8 dostu yapamaz.

Bir JavaScript çözümü için Selectivizr veya IE7.js'a bakın.

Answer 2

Bu deneyebilirsiniz: tarayıcı CSS seçici desteklemediği

input[checked=checked] + label{ 
    background:red; 
}