[html/css] IE img label for 클릭 안될때 처리방법

[html/css] IE img label for 클릭 안될때 처리방법

 

 

보통 아래 코드 같은 경우 이미지를 클릭하면 체크박스에 체크가 되지만 IE의 경우 정상적으로 동작하지 않습니다.

<!-- case1 -->
<label>
    <input type="checkbox"> 체크체크
    <img src="http://goni9071.tistory.com" alt="some img">
</label>
​
<!-- case2 -->
<input type="checkbox" id="ckck"> 체크체크
<label for="ckck">
    <img src="http://goni9071.tistory.com" alt="some img">
</label>

 

해결책은 아래 css 를 적용하면 됩니다.

label {
    display: inline-block;
}
label img {
    pointer-events: none;
}

 

출처: https://goni9071.tistory.com/363 [고니의꿈]