最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

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

网站源码admin1浏览0评论

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

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

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

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

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

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

评论列表(0)

  1. 暂无评论