IE7 CSS for IE7

Question

IE7에서 비활성화 된 선택 상자를 디자인하려고합니다.

<div id="wwctrl_pay" class="wwctrl styled-select"> 
    <select id="payment"><option>...</option></select> 
</div> 

선택 상자가 비활성화 된 경우 어떻게 CSS를 변경할 수 있습니까? CSS로 할 수 있습니까?

Answer 1

당신이 몇 가지 추가 마크 업 및 기타 제한을 신경 쓰지 않는 경우 :

http://jsfiddle.net/s6LbB/1/

<div id="wwctrl_pay" class="wwctrl styled-select"> 
    <select id="payment" disabled="disabled"></select> 
    <div></div> 
</div> 

CSS :이은 IE7을위한 경우

.wwctrl { 
    position: relative; 
    border: 1px solid blue; 
} 

select[disabled] + div { 
    position: absolute; 
    z-index: -1; 
    top: 0; left: 0; 
    width: 100%; height: 100%; 
    background: yellow; 
} 
​ 

또는, 당신은 할 수 IE의 독자적인 CSS 표현 기능을 사용해보십시오.

Answer 2

최상의 옵션은 선택 상자를 비활성화하고 새 클래스 추가를 클릭하고 해당 클래스 내에 스타일을 추가하는 것입니다.