在火狐中button标签与a标签冲突事件

在火狐中button标签与a标签冲突事件

当我们在button中添加一个a标签时，点击button不会点击a，也就是说，button将a覆盖了。
但是在谷歌里面不会覆盖

解决方法一：

<button id="btn" onclick="a.click();">
<a id="a" href="https://www.baidu.com/" value="">按钮</a>
</button>

这样就弥补了火狐的不足，也弥补了空白部分不反应的现象
我们在style中添加字体颜色即可以避免链接难看的原样式

方法二

<a type="button" class="btn btn-primary" href="" style="color: white;">button</a> 

感觉这种方法虽然粗暴了一些，但是很实用