button客服组件默认包含灰色边框
发布于 6 年前 作者 duping 4786 次浏览 来自 问答
  • 当前 Bug 的表现(可附上截图)

button 做为客服组件使用时,有个灰色边框始终干不掉,如图:

除非把button的默认样式 position:relative 干掉,但是这样会引发更严重的问题: 点击这一行的其他任何按钮,都会打开客服

outline

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

  • 预期表现

干掉灰色边框

  • 复现路径
  • 提供一个最简复现 Demo

解决了 :

button::after{

    border: none;

}

3 回复

button:focus{

    outline:0;

}

button::after{

    border: none;

}

自己样式加一下

button:focus{

    outline:0;

}

button::after{

    border: none;

}

试试这样

button::after{

    border: 0;

}

回到顶部