読者です 読者をやめる 読者になる 読者になる

かわろぐ

技術、ボルダリング、セキュリティ、その他もろもろ

MENU

a タグの中の label タグは IE ではクリック出来ない

以下のようなHTMLがあって、 要件としては span, label のどちらがクリックされても、a タグのリンク先に遷移するようにしたい。Chrome だとうまくいくけど、 IE だと span の部分でしか反応しなかった。

<a href="hogehoge">
     <span class="set-bg-image"></span>
     <label>ほげほげ</label>
</a>

いろいろ調べていると下記の参考情報に行き当たり、どうやら IE のみ正常に動作しないようで、かつこのような場合は label は使うべきではないらしい。下記のようにコードを修正することで Chrome でも、 IE でも目的の動作をさせることができた。

<a href="hogehoge">
     <span class="set-bg-image"></span>
     <span>ほげほげ</span>
</a>

IE のバグってことでいいのかなー...?

参考情報