微信小程序 button 去掉圆角、边框

去掉圆角

image

需要在xxx.wxss里，添加个::after，并且两个地方都需要 border-radius: 0; 才有效

    <!-- xxx.wxml -->
    <button class='btn'>我是按钮</button>

    /* xxx.wxss */
    .btn {
      margin: 30rpx;
      background: white;
      border-radius: 0;
    }

    .btn::after {
      border-radius: 0;
    }

去掉边框

image

也需要在xxx.wxss里，添加个::after，但只需在::after样式类添加border: none;即可

    <!-- xxx.wxml -->
    <button class='btn'>我是按钮</button>

    /* xxx.wxss */
    .btn {
      margin: 30rpx;
      background: white;
    }

    .btn::after {
      border: none;
    }