IE不尊重<label>內部</label> <anchor>

Question

所以我發現IE（即使是當前的10和11）不支持錨標簽中的標簽......但是DOES支持所述標簽內的onclick動作。 當我更新菜單系統並希望使用標簽將菜單描述與關聯的快捷方式分開時，請進入此狀態。 “重定向/處理”模式窗口很好，但事情只是坐在那里。

<a target="_blank" href="http://www.google.com" onclick="console.log('you clicked me')">
    <label>I am a first label</label>
    <label>Look @ me, I'm second!</label>
</a>

當我潛入這個奇怪的話題時，我發現標簽之間的空白表現得恰到好處......只有當我在標簽上盤旋時，我的能力才能離開這里。

那么......解決方案是什么？

Answer 1

使用跨度...就是這樣......

<a target="_blank" href="http://www.theonion.com" onclick="console.log('you clicked me')">
    <span>I am another first label</span>
    <span>Look @ me, I'm another second!</span>
</a>

http://jsfiddle.net/bdGPB/1/