Jak mogę uzyskać pseudo element css: zaznaczone do pracy w IE8 bez JavaScript?

Question

Mam dwa przyciski opcji, muszę ustawić kolor tła po kliknięciu. Mój kod działa we wszystkich przeglądarkach oprócz IE8. Czy to możliwe, aby to działało dla IE8 bez użycia Javascript?

<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; 
} 

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

Answer 1

Podczas IE8 understands sąsiednich selektorów rodzeństwa, to doesn't understand pseudo-element checked, więc, niestety, nie można uczynić Twój kod IE8 w obsłudze za pomocą tylko CSS.

Spójrz na Selectivizr lub IE7.js dla rozwiązania JavaScript.

Answer 2

Można spróbować to:

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