微信小程序的 button 标签的边框如何去除?

252 阅读1分钟

微信小程序的 button 标签的边框如何去除?

目录

[TOC]

问题描述:

实际开发中会发现这个 button 自带有样式,当背景颜色设置为白色的时候还有一个黑色的边框,刚开始那个边框怎么都去不掉

无法去除的边框

问题原因:

小程序的边框是用button::after来设置的

解决办法:

方案一
button::after{
  border: none;
}
方案二

给button加了一个样式属性plain="true" 以后,再在样式文件中控制样式 button[plain]{ border:0 } ,就可以比较随便的自定义样式了