小程序按钮样式html代码：css代码：

语法

html代码：

<button class="share" type="warn" disabled="true" open-type="share" bindtap="onClickGoToMchProgram">
    <text class="icon-share"></text>
    分享喜悦
</button>
<button type="primary">确定</button>
<button type="default">取消</button>
<button class="fill-in">填写</button>

css代码：

button{
  width: 440rpx;
  margin-top: 30rpx;
}

button::after{
  border: 0;
}
.share{
  display: flex;
  align-items: center;
  justify-content: center;
}
.fill-in{
  background: #F5A623;
  color: #FFFFFF;
}
.fill-in:not(.btn__disabled):active{
  background: rgb(238, 172, 67,0.8);
}
.btn__disabled{
  opacity: 0.5;
}

实现效果：