解决button 下面的 a 无法点击

在开发页面的时候,我很经常在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标签,也可以达到效果。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,165评论 1 92
  • 前端开发面试题 <a name='preface'>前言</a> 只看问题点这里 看全部问题和答案点这里 本文由我...
    自you是敏感词阅读 904评论 0 3
  • <a name='html'>HTML</a> Doctype作用?标准模式与兼容模式各有什么区别? (1)、<...
    clark124阅读 3,841评论 1 19
  • 前言 转自博客园 原文 一、简单介绍一下什么是浏览器内核。浏览器最重要或者说核心的部分是“Rendering En...
    吴晗君阅读 3,811评论 1 30
  • 什么是真诚 做出来的真诚,甚至不用说。 两年前,看到一本书自己觉得特别感动,急忙发朋友圈,写道这是一本让我一口气读...
    丨张伟丨阅读 338评论 0 1

友情链接更多精彩内容