一尘不染

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

javascript

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

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

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


阅读 282

收藏
2020-05-01

共1个答案

一尘不染

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

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

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

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

2020-05-01