uniapp 小程序更改复选框checkbox的默认样式
发表时间：2020-9-23
发布人：葵宇科技
浏览次数：183
效果图
H5中实现样式写法
uni-checkbox .uni-checkbox-input {
border-radius: 50%;
border: 1px solid #d1d1d1;
}
uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked {
border: 1rpx solid #B78D56;
background-color: #B78D56;
}
uni-checkbox .uni-checkbox-wrapper {
width: 100%;
}
uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked:before {
color: #FFFFFF;
}
uni-checkbox:not([disabled]) .uni-checkbox-input:hover {
border-color: transparent;
border-color: #d1d1d1;
}
在小程序中实现样式写法
checkbox .wx-checkbox-input {
border-radius: 50% !important;
}
checkbox .wx-checkbox-input.wx-checkbox-input-checked {
color: #fff;
background: #B78D56;
}
以上代码均写在app.js中，开箱即用，亲测有效。
