前端开发那些事Web前端之路

解决button 下面的 a 无法点击

2018-05-29  本文已影响30人  cbw100

在开发页面的时候,我很经常在button按钮标签下包裹一个a标签,例如:

<Button type='ghost'>
    <a href={gotoEditPage} target="_blank">编辑</a>
</Button>

我之前一直是这样的,在chrome浏览器下是完全没有问题的,但是在火狐和IE浏览器下就完全行不通了,无法点击。

这里有2种方法解决

1. button点击

<button onclick="window.location = 'http:/www.google.com';">点击</button>

2. 修改a标签的样式

就是把a标签用css修饰成button标签,也可以达到效果。

上一篇下一篇

猜你喜欢

热点阅读