<checkbox-group checked>
<checkbox checked="false" />
</checkbox-group>
<style>
/*checkbox 选项框大小 */
checkbox .wx-checkbox-input {
border-radius: 50%; // 选择框系统是正方形,这里变成圆形
border-color: transparent; // 系统默认有边框,变成透明色就没有了
background: url(../../static/image/check.png) no-repeat;
background-size: 100% 100%;
}
/*checkbox选中后样式 */
checkbox .wx-checkbox-input.wx-checkbox-input-checked {
/* background: #48b0b9; // 选中的蓝色是蓝色 */
background: url(../../static/image/checks.png) no-repeat;
background-size: 100% 100%;
}
/*checkbox选中后图标样式 */
checkbox .wx-checkbox-input.wx-checkbox-input-checked::before {
color: transparent; // 选中后的图标默认是对号企鹅裙330586621,jiaoliu这里吧对号变成透明颜色,就看不出来了
}
</style>
ubiapp转小程序 checked选择框样式修改
于 2022-11-17 11:44:10 首次发布