评论

button有效区域问题

页面加了buton实现分享功能,但是出现一个问题,点击页面大部分区域竟然都调起了分享

为什么使用小程序的分享功能,所以使用了button按钮

然后发现有边框,解决这个问题的过程中,不小心修改了button的postion属性,然后就出现了一个问题:

点击页面大部分区域都会调起分享功能,非常的坑

PS:去掉边框,加button::after{
border: none;
}这个就可以了

点赞 1
收藏
评论

3 个评论

  • -v
    -v
    05-16

    感谢 同款问题 找了好久 难受

    05-16
    赞同
    回复
  • 仙森ღ₅₂₀¹³¹⁴
    仙森ღ₅₂₀¹³¹⁴
    2019-08-20

    app.wxss里加下

    button {
       background-color: transparent;
       padding: 0;
       margin: 0;
       position: static;
       border: 0;
       border-radius: 0;
    }
    button::after {
      content: '';
      -webkit-transform:scale(1);
      transform:scale(1);
      display: none;
      background: transparent;
    }


    2019-08-20
    赞同
    回复 3
  • 小打卡
    小打卡
    2019-08-20

    通过调试工具看下button实际区域,如果此问题排除的话,看看是不是有冒泡的可能

    2019-08-20
    赞同
    回复 1
    • 剑齿留痕
      剑齿留痕
      2019-08-22
      实际区域没问题来着,之前无意给button加了一个,postion:instial,把这个去掉就可以了
      2019-08-22
      回复
登录 后发表内容