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>

 

 

https://prettycode.tistory.com

 

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

 

 

label {

    display: inline-block;

}

label img {

    pointer-events: none;

}

 

 

https://prettycode.tistory.com