[微信小程序]button客服组件默认包含灰色边框 [服务行业,从来都是把顾客当上帝的。]

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

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


outline


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

- 预期表现

干掉灰色边框

- 复现路径


- 提供一个最简复现 Demo



解决了 :


button::after{

    border: none;

}



  • 试试这样 button::after{     border: 0; } , 我发现一个事实,你是在逗我玩
  • 自己样式加一下 button:focus{     outline:0; } button::after{     border: none; } , 知道我为啥老和你聊天么?因为我喜欢你
  • button:focus{     outline:0; } button::after{     border: none; } , 你要是再逗我玩,我就不理你了