微信小程序如何默认按钮button去掉默认样式

浏览939

微信小程序和HTML去掉按钮样式不一样:

    <view class="button-sp-area">
      <button type="primary" plain="true">按钮</button>
    </view>

可以加下以下样式去掉带有虚边的样式

button::after{
    border:none;
}

修改button按钮disabled为true时 会出现灰色字体 浅灰色背景的样式

button[disabled]:not([type]) {
  background-color: #fff;
  color: #1e82d2 ;
}

修改button按钮点击时样式

// 点击时样式
.button-hover {
color:rgba(0, 0, 0, 0.6);
background-color:#fff;
}



  • 暂无任何回答