按钮内部链接在Firefox中不起作用

Question

我在按钮内有两个链接，但这些链接在Firefox上似乎不起作用。

<button class="btn login">
    <a href="/login"><b>Log In</b></a> 
          | 
<a href="/signup"><b>Sign Up</b></a>
</button>

我尝试了JavaScript onclick和重定向-即使无法正常工作。

Answer 1

内容模型： 短语内容，但必须没有交互式内容后代。

音频（如果存在controls属性）按钮详细信息，嵌入iframeimg（如果存在usemap属性）输入（如果type属性未处于隐藏状态）keygen标签菜单（如果type属性处于工具栏状态）对象（如果存在usemap属性）选择textarea视频（如果存在controls属性）

如果是在一些浏览器的工作，它只是因为他们正试图发挥好与畸形的标记，并提供 了一些 类型的有意义的结果的。

换句话说：重写您的HTML，这是一团糟。如果要使链接看起来像在按钮中，则将它们放在div看起来像一个的元素和样式中，而不要为此滥用语义错误的元素。