收藏
评论

小程序更改checkbox和radio默认样式

1、checkbox


checkbox .wx-checkbox-input{

    border-radius:50%;

    width:20px;height:20px;

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

    border-color:#F0302F !important;

    background:#F0302F !important;

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

    border-radius:50%;

    width:20px;

    height:20px;

    line-height:20px;

    text-align:center;

    font-size:15px;

    color:#fff;

    background:transparent;

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

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

}



2、radio


radio .wx-radio-input{

    border-radius:50%;

    width:20px;height:20px;

}
radio .wx-radio-input.wx-radio-input-checked{

    border-color:#F0302F !important;

    background:#F0302F !important;

}
radio .wx-radio-input.wx-radio-input-checked::before{

    border-radius:50%;

    width:20px;

    height:20px;

    line-height:20px;

    text-align:center;

    font-size:15px;

    color:#fff;

    background:transparent;

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

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

}



如果上面的代码对您有帮助,麻烦抖一抖小手点下赞,谢谢


收藏

16 个评论

  • Duō_rui mi
    Duō_rui mi
    2019-06-26

    棒棒哒

    2019-06-26
    赞同
    回复
  • 徐来
    徐来
    2019-05-14

    成功使用,多谢

    2019-05-14
    赞同
    回复
  • 2019-03-08

    很棒,成功修改颜色!

    2019-03-08
    赞同
    回复
  • 钟
    2018-11-23

    赞👍

    2018-11-23
    赞同
    回复
  • 圆
    2018-07-18

    如果还有一个绿色的选中色怎么办

    2018-07-18
    赞同
    回复 2
    • 黄飞林
      黄飞林
      2018-07-25

      把红的改成绿色

      2018-07-25
      回复
    • 圆
      2018-08-08回复黄飞林

      就是改不了

      2018-08-08
      1
      回复
  • Pontus
    Pontus
    2018-07-02

    赞👍

    2018-07-02
    赞同
    回复

正在加载...

登录 后发表内容