微信小程序：隐藏按钮边框

1、先给button加一个plain属性

<button wx:elif="{{isLogin}}" type="default" plain   class="userinfo-avatar" open-type="chooseAvatar" 
　　　　　　　　　　bind:chooseavatar="onChooseAvatar">
    <image src="{{avatarUrl?avatarUrl:'/icons/未登录头像.png'}}"  mode="scaleToFill" class="userinfo-avatar-img"></image>
</button>

2、找到按钮的样式设置border的值为0

  .index_main .login_before .login_img .userinfo-avatar{
    border: 0rpx;
    
  }

如何去掉微信小程序button组件原有样式

<button style="padding: 0; margin: 0;">
    <image />
    <view>分享</view>
</button>

 

---

感谢您的阅读，如果您觉得阅读本文对您有帮助，请点一下“推荐”按钮。本文欢迎各位转载，但是转载文章之后必须在文章页面中给出作者和原文连接。