어떻게하면 CSS 유사 요소를 얻을 수 있습니까? Javascript없이 IE8에서 작동하도록 선택 했습니까?

Question

두 개의 라디오 버튼이 있습니다. 클릭 할 때 배경색을 설정해야합니다. 내 코드는 IE8을 제외한 모든 브라우저에서 작동합니다. Javascript를 사용하지 않고 Internet Explorer 8에서이 작업을 수행 할 수 있습니까?

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 인접 형제 선택자하지만, doesn't understand checked 의사 요소, 그래서 불행하게도, 당신은 단지 CSS를 사용하여 코드가 IE8 친화적 할 수 없습니다.

JavaScript 솔루션의 경우 Selectivizr 또는 IE7.js을 확인하십시오.

Answer 2

당신이 시도 할 수 있습니다 : 브라우저가 CSS 선택기를 지원하지 않습니다

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