微信小程序 button 组件去除黑边

发布于 / 学习

关于

正文

  • button组件,有的时候需要自定义分享按钮这时候需要使用<button open-type="share" >调整些许样式之后发现会有一个黑色边框去不掉
.btn{
    border:none; //使用border:none 发现并没有任何作用
}
.btn::after{
    border:none; //黑色边框去掉了
}
//总结 微信自带的组件很多样式都是通过伪元素实现的
//补充:::after ::before 叫伪元素  :hover :active...叫伪类

补充

本文采用 CC BY-NC-SA 3.0 Unported 协议进行许可
本文链接: https://www.ahwgs.cn/wechat-button-default-block-border.html