一个分享WordPress、Zblog、Emlog、Typecho等主流博客的教程网站!
当前位置:网站首页 > 编程知识 > 正文

微信小程序button如何去掉边框设置透明

作者:xlnxin发布时间:2025-11-02分类:编程知识浏览:33


导读:微信小程序button边框如何去掉<buttonclass="getUserInfo" plain="true">...

微信小程序button边框如何去掉

<button class="getUserInfo"  plain="true" >点击登录</button>

透明方法一:

.getUserInfo{

 background: transparent;   /*按钮透明*/  

  border: none;

}

/*背景透明时 出现黑色边框 去除边框*/

button[plain] {

  border: none;

  border-color: transparent;

}

微信小程序button方法二

<button class="getUserInfo" >点击登录</button>

.getUserInfo

     background: transparent;   /*按钮透明*/  

     border:none; /*设置按钮边框*/

}

.getUserInfo::after{

    border:none;

 }

标签:程序小程序