美文网首页前端之美-小程序
微信小程序的 button 标签的边框如何去除?

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

作者: 神木惊蛰 | 来源:发表于2018-09-10 10:11 被阅读0次

问题描述:

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


无法去除的边框

问题原因:

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

解决办法:

方案一

button::after{
  border: none;
}

方案二

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

被剥去底线的button

相关文章

网友评论

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

    本文链接:https://www.haomeiwen.com/subject/ytvjgftx.html