在微信小程序里面,有时候为了配合整个项目的风格,checkbox的样式会有些不同。
如何修改:
1. 修改checkbox样式
.wxml
.wxss
/* checkbox未选中时样式 */
checkbox .wx-checkbox-input{
border-radius: 3rpx;
height: 26rpx;
width: 26rpx;
margin-top: -4rpx;
/* 自定义样式.... */
}
/* checkbox选中时样式 */
checkbox .wx-checkbox-input.wx-checkbox-input-checked::before{
background-color: #e02e24;
border: 1rpx solid #e02e24;
/* 自定义样式.... */
}