admin管理员组

文章数量:1442896

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

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

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

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

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

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

本文标签： 删除微信小程序Button按钮默认边框的办法

版权声明：本文标题：删除微信小程序Button按钮默认边框的办法 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/biancheng/1748080174a2803305.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。