小程序
小游戏
企业微信
微信支付
扫描小程序码分享
组件设置checkbox样式失效，有办法解决吗？
3 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
你一天哪里来这么多问题。。。看看你怎么设的样式呢。。你这样啥都不贴出来，怎么帮你呢
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
.wx-checkbox-input {
width: 30rpx;
height: 30rpx;
}
.wx-checkbox-input-checked {
border: none;
background: #1AAD19;
.wx-checkbox-input-checked::before {
line-height: 30rpx;
text-align: center;
font-size: 24rpx;
color: #fff;
background: transparent;
transform: translate(-50%, -50%) scale(1);
就这串代码，在页面中是可以用的，但是封装组件后，在组件的css里就不行了，你这一天回答这么多问题，我都想请你吃饭。。
能做个代码片段吗？有点不懂你想要的效果
wechatide://minicode/qveMJRmB7E1h
亲，快看
哇塞，你这是什么用法！没见过呢~
你去哪里找的这种写法呢
https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/wxml-wxss.html
应该是这个问题
你看下这个，不是这个原因
这么小个东西,懒得用它现成的,一堆问题,都是icon或者image或者view自定义
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
你一天哪里来这么多问题。。。看看你怎么设的样式呢。。你这样啥都不贴出来，怎么帮你呢
.wx-checkbox-input {
width: 30rpx;
height: 30rpx;
}
.wx-checkbox-input-checked {
border: none;
background: #1AAD19;
}
.wx-checkbox-input-checked::before {
width: 30rpx;
height: 30rpx;
line-height: 30rpx;
text-align: center;
font-size: 24rpx;
color: #fff;
background: transparent;
transform: translate(-50%, -50%) scale(1);
}
就这串代码，在页面中是可以用的，但是封装组件后，在组件的css里就不行了，你这一天回答这么多问题，我都想请你吃饭。。
能做个代码片段吗？有点不懂你想要的效果
wechatide://minicode/qveMJRmB7E1h
亲，快看
哇塞，你这是什么用法！没见过呢~
你去哪里找的这种写法呢
https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/wxml-wxss.html
应该是这个问题
wechatide://minicode/qveMJRmB7E1h
你看下这个，不是这个原因
这么小个东西,懒得用它现成的,一堆问题,都是icon或者image或者view自定义