收藏
回答

button客服组件默认包含灰色边框

问题模块 框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
API和组件 小程序 Bug button 客户端 7.0.3 2.5.2

- 当前 Bug 的表现(可附上截图)

button 做为客服组件使用时,有个灰色边框始终干不掉,如图:
除非把button的默认样式 position:relative 干掉,但是这样会引发更严重的问题: 点击这一行的其他任何按钮,都会打开客服


outline


小程序中的button是原生组件,这灰色应该是原生组件的样子,并且由于上面的position:relative可知,原生组件是找到这个button所相对的位置,覆盖在网页的button上面的

- 预期表现

干掉灰色边框

- 复现路径


- 提供一个最简复现 Demo



解决了 :


button::after{

    border: none;

}



最后一次编辑于  02-12  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏投诉关注问题回答

3 个回答

  • iHealth 王深镇
    iHealth 王深镇
    02-12

    试试这样

    button::after{

        border: 0;

    }


    02-12
    赞同 1
    回复
  • 龙
    02-12

    button:focus{

        outline:0;

    }

    button::after{

        border: none;

    }


    02-12
    赞同 1
    回复
  • 吴奕群
    吴奕群
    02-12

    自己样式加一下

    button:focus{

        outline:0;

    }

    button::after{

        border: none;

    }


    02-12
    赞同 1
    回复