收藏
评论

小程序更改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 个评论

  • 神经蛙
    神经蛙
    2019-12-14

    没生效

    2019-12-14
    赞同 5
    回复
  • 我来人间一趟,终为碎银几两
    我来人间一趟,终为碎银几两
    2019-03-18

    我想说句,伪类那儿是改不了的。就是对勾那类名是失效


    2019-03-18
    赞同 2
    回复
  • 🇧 🇦 🇴 🇿
    🇧 🇦 🇴 🇿
    2018-07-19

    .wx-checkbox-input 这是从哪找出来的?控制台我找好久没发现

    2018-07-19
    赞同 2
    回复 3
    • 五香麻辣豆腐皮
      五香麻辣豆腐皮
      2018-09-14

      +1  同想问楼主 怎么找到的

      2018-09-14
      回复
    • xiaoming
      xiaoming
      2019-05-20

      同问,这些样式是怎么找到的?小程序没有公布组件的源码,大佬是怎么找到的?

      2019-05-20
      回复
    • ♪ ♩ ♫ ♬
      ♪ ♩ ♫ ♬
      2022-05-11
      网页文档中有在线示例,debug找到它就能看到了
      2022-05-11
      6
      回复
  • 神呢
    神呢
    2023-09-16

    我想直接换掉他的图片应该怎么做

    2023-09-16
    赞同 1
    回复
  • 幸福里(鲜花,结婚用品,录像)
    幸福里(鲜花,结婚用品,录像)
    2020-05-01

    宽高没生效

    2020-05-01
    赞同 1
    回复 1
    • 淹死鱼
      淹死鱼
      2020-09-02
      加上content:“”
      2020-09-02
      回复
  • 霞宝不想起床
    霞宝不想起床
    2019-06-25

    不论你怎么找到的,此时此刻的我只想夸你,你真棒

    2019-06-25
    赞同 1
    回复
  • TANGYC_
    TANGYC_
    2023-05-31

    棒呆 感谢~

    2023-05-31
    赞同
    回复
  • 智言
    智言
    2021-09-24

    weui里不是有嘛...还问哪找到的...

    2021-09-24
    赞同
    回复
  • 木格子
    木格子
    2020-12-09

    好用 赞!!

    2020-12-09
    赞同
    回复
  • _
    _
    2019-07-03

    自定义组件直接加不行啊,要怎么做才可以添加上

    2019-07-03
    赞同
    回复

正在加载...

登录 后发表内容