小程序-按钮透明无边框

老规矩，多话不说，直接上代码

一、wxml代码

<button class="getUserInfo" open-type="getUserInfo" bindgetuserinfo="getUserInfo" plain="true" hover-class="active">点击登录</button>

解释：

open-type:微信开放能力;

bindgetuserinfo:用户点击该按钮时，会返回获取到的用户信息，回调的detail数据与wx.getUserInfo返回的一致，open-type="getUserInfo"时有效;

plain:按钮是否镂空，背景色透明;

hover-class:指定按钮按下去的样式类。当 hover-class="none" 时，没有点击态效果。

二、css代码

/*授权按钮*/
.getUserInfo{
    
  font-size: 30rpx;
  padding: 0;
  margin: 0;
  height: 60rpx;
  line-height: 60rpx;
}
/*背景透明时 出现黑色边框 去除边框*/
button[plain] {
    
  border: none;
  border-color: transparent;
}

欢迎各位大佬有不懂的请留言，我会及时回复，希望大家一起探讨共同进步，转载请标明出处，谢谢！！！