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

问题描述:

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


无法去除的边框

问题原因:

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

解决办法:

方案一

button::after{
  border: none;
}

方案二

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

被剥去底线的button

你可能感兴趣的:(微信小程序的 button 标签的边框如何去除?)