美文网首页前端之美-小程序
微信小程序的 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