收藏
回答

[css][style][checkbox] checkbox组件样式需优化

问题模块
API和组件

目前面临的主要问题

  1. checkbox的大小有点太大了,ms没法调整。

  2. checkbox 和它对应的文本没有严格垂直居中对齐,

请参照下图,用了flex layout, 文本是垂直居中的。 但是明显checkbox向下有偏移。



希望能改进下。

最后一次编辑于  2017-07-19  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏关注问题回答

2 个回答

  • 义不在迷茫!
    义不在迷茫!
    2017-08-29

    的确太大了,求改小的方法

    2017-08-29
    赞同
    回复
  • 亱語
    亱語
    2018-03-22

    /*  重写 checkbox 样式  */

    checkbox .wx-checkbox-input {

      border-radius: 50%;

      width: 40rpx;

      height: 40rpx;

    }

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

      border: none;

      background: red;

    }

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

      border-radius: 50%;

      width: 40rpx;

      height: 40rpx;

      line-height: 40rpx;

      text-align: center;

      font-size:30rpx;

      color:#fff;

      background: transparent;

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

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

    }


    2018-03-22
    赞同
    回复