删除微信小程序Button按钮默认边框的办法

开发微信小程序时，有一些api必须要使用button组件触发，但是微信公众号和小程序的button组件是有默认的ui样式的，如果与项目的整体风格不搭，那就要修改默认的样式。

修改也很简单，直接进行样式覆盖就可以了。但是覆盖的样式里设置取消边框却不生效：

代码语言：javascript代码运行次数：0运行复制
.custom-button {
    border:none;
}

实际上微信小程序的button边框是通过after伪类实现的，因此我们如果要取消边框的话，是需要覆盖after伪类的。像下面这样就可以生效了。

代码语言：javascript代码运行次数：0运行复制
 .custom-button::after {
      border: none;
 }