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>

 

posted on 2023-08-02 10:34  周文豪  阅读(341)  评论(0编辑  收藏  举报