모두와 나누는 웹개발 노트

share and care with love.

PHP & Laravel

[jQuery] Internet Explorer에서 input[type=checkbox]에 스타일(CSS) 적용하기

mere hope 2011. 7. 7. 22:26

무슨 이유에서인지 아래와 같은 CSS가 Internet Explorer에선 적용되지 않는다.

input[type=checkbox] { margin: 10px; border: 1px solid red; }


물론 각각의 checkbox마다 클래스를 주면 적용할 수 있지만 용량 낭비고 시간 낭비다.
(이거 뭐 Internet Explorer 때문에 몇줄의 코드를 추가해야 하는건지 -_-)

어쨌든 이와 같은 상황을 해결하기 위해 jQuery를 이용하면 된다.
</body> 바로 위에 아래와 같은 코드를 추가한다.



페이지를 모두 로드하고 jQuery가 발동되며 해당 페이지의 input[type=checkbox]를 찾아 설정된 스타일을 입힌다.

반응형
LIST