微信小程序多选框样式自定义

微信小程序的多选框样式可以通过自定义组件和样式来实现。具体步骤如下：

1. 创建一个自定义组件，例如名为 my-checkbox 的组件。
2. 在 my-checkbox 组件的 wxml 文件中定义一个 checkbox 并设置样式。例如：

<checkbox class="my-checkbox" checked="{{checked}}" bindchange="onChange"></checkbox>

3. 在 my-checkbox 组件的 wxss 文件中设置样式。例如：

.my-checkbox {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
}

.my-checkbox:checked {
  background-color: #007aff;
  border-color: #007aff;
}

4. 在使用 my-checkbox 组件的页面中引入组件并使用。例如：

<my-checkbox checked="{{isChecked}}" onChange="onCheckboxChange">选项一</my-checkbox>
<my-checkbox checked="{{isChecked}}" onChange="onCheckboxChange">选项二</my-checkbox>
<my-checkbox checked="{{isChecked}}" onChange="onCheckboxChange">选项三</my-checkbox>

这样就可以自定义多选框的样式了。如果需要添加选项文本，可以在自定义组件的 wxml 文件中添加一个 slot，例如：

<checkbox class="my-checkbox" checked="{{checked}}" bindchange="onChange"></checkbox>
<slot></slot>

然后在使用组件时添加需要的文本，例如：

<my-checkbox checked="{{isChecked}}" onChange="onCheckboxChange">选项一</my-checkbox>
<my-checkbox checked="{{isChecked}}" onChange="onCheckboxChange">选项二</my-checkbox>
<my-checkbox checked="{{isChecked}}" onChange="onCheckboxChange">选项三</my-checkbox>

这样就可以在多选框旁边显示选项文本了。