微信小程序button样式
微信小程序的`button`组件可以通过WXML和WXSS来自定义样式。以下是一些基本的样式属性和示例代码：
WXML代码示例
```html```
WXSS代码示例
```css.custom-btn { width: 200rpx； height: 200rpx； margin-top: 20rpx； background-color: #FFCC00； color: #FFF； border-radius: 0rpx； display: flex； align-items: center； justify-content: center； font-size: 30rpx；}.custom-btn:hover { background-color: pink；}.custom-btn[disabled] { background-color: #fff； color: #666；}```
自定义样式属性
`width`：按钮宽度。
`height`：按钮高度。
`margin`：按钮外边距。
`background-color`：按钮背景颜色。
`color`：按钮文字颜色。
`border-radius`：按钮圆角大小。
`font-size`：按钮字体大小。
`display`：按钮显示方式。
`align-items` 和 `justify-content`：按钮内边距的对齐方式。
`hover-class`：指定按钮按下去时的样式类。
注意事项
如果`button`组件的`type`属性被设置，修改背景颜色可能无效。
使用`!important`可以覆盖默认样式，但应谨慎使用，以免影响代码的可维护性。
使用ID选择器可以更精确地定位并修改特定按钮的样式。
以上是微信小程序`button`组件的基本样式自定义方法。
