<label>で囲まれた<img>をクリックしてもラジオボタンが有効にならないのを解決する

WEBフォームでラジオボタンやチェックボックスを選択しやすくするために、<label>で囲む方法をよく利用するのだが、画像ファイルを囲んだ際、Internet Explorler(MSIE)だけ、画像ファイルをクリックしても反応しないので、その回避方法。

<style type="text/css">
label {
	display: block;
	…
}

label img {
	/* 下記を追記 */
	pointer-events: none;
	…
}
</style>

label {

display: block;

…

}

label img {

/* 下記を追記 */

pointer-events: none;

…

}

</style>

これでMSIEでも反応します。
いいかげん、MSIEサポートもやめたいところですが…

“Internet Explorler” is really annoying!

Every Day is a New Day.