收藏
评论

修改checkbox默认样式

checkbox {

width: 28rpx;

height: 28rpx;

}


checkbox .wx-checkbox-input {

width: 28rpx;

height: 28rpx;

}


checkbox .wx-checkbox-input.wx-checkbox-input-checked {

background: #3296fa;

}


checkbox .wx-checkbox-input.wx-checkbox-input-checked::before {

width: 28rpx;

height: 28rpx;

line-height: 28rpx;

text-align: center;

font-size: 22rpx;

color: #fff;

background: transparent;

transform: translate(-50%, -50%) scale(1);

-webkit-transform: translate(-50%, -50%) scale(1);

}


收藏

5 个评论

  • 我来人间一趟,终为碎银几两
    我来人间一趟,终为碎银几两
    2019-03-18

    是怎么知道的checkbox的类名,现在这种方法是不是失效了。伪类的类名那个小勾好像已经不起作用了。

    2019-03-18
    赞同 2
    回复 1
  • 🐷
    🐷
    2018-10-31

    666,省了好多事

    2018-10-31
    赞同 1
    回复
  • DENG.S
    DENG.S
    2019-12-04

    哈,这个不错,正想改改,特别是禁用样式,太难看了

    2019-12-04
    赞同
    回复
  • 班瑞
    班瑞
    2019-09-03

    这个厉害,之前我只用webkit-transform,调整过大小,你这个是知道他的类名称了,直接更改的厉害

    2019-09-03
    赞同
    回复
  • 2018-04-12

    你是怎么知道内置组件的类名的呢,这个适用于picker组件吗

    2018-04-12
    赞同
    回复
登录 后发表内容