微信小程序checkbox样式修改
Posted Frazier_梁超
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了微信小程序checkbox样式修改相关的知识，希望对你有一定的参考价值。
这个多选框修改起样式还是挺麻烦的，总结到这里，以后用的着的时候好完成快速开发，如果对你有帮助的话就收藏室下吧！
<checkbox class="checkrideo">
<checkbox-group></checkbox-group>
</checkbox>/* 选框样式-圆型 */
.checkrideo .wx-checkbox-input {
border-radius: 50%;
width: 35rpx;
height: 35rpx;
}
/* 让对勾居中 */
.checkrideo .wx-checkbox-input.wx-checkbox-input-checked:before {
font: normal normal normal 14px/1 "weui";
content: "\\EA08";
font-size: 22px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -48%) scale(0.73);
-webkit-transform: translate(-50%, -48%) scale(0.73);
}
/* 对勾的大小以及颜色 */
.checkrideo .wx-checkbox-input.wx-checkbox-input-checked::before{
/* width: 20rpx;
height: 10rpx;
font-size:30rpx; */
color:blue;
}
效果图：
以上是关于微信小程序checkbox样式修改的主要内容，如果未能解决你的问题，请参考以下文章