antd的checkbox能否改变大小？

Question

antd提供的checkbox能否改变大小？ 官方没有直接提供style的方法。

Answer 1

:global{

.对应的类名

}

Answer 2

如果你用的是 less ，可以参考下面的代码

.ant-checkbox-inner{
    // 设置 checkbox 的大小
    width: 20px;
    height: 20px;

    // 设置对勾的 大小 和 位置
    &::after{
        top: 0px;
        left: 6px;
        width: 7px;
        height: 13px;
    }
}

注意：直接这样写会全局改变整个 CheckBox 的样式，外面可以加一个 class ，限定的它的作用范围

Answer 3

可以的，修改这一个的值，最好用less的写法，在上一级多加一个class类

Answer 4

如果没有提供配置接口，用以下方式比较安全一些

.el {
    .ant-checkbox-inner {
        ...
    }
}

一般这种情况最好在外面包一层元素，加深 css 作用域，防止污染其他组件。

当然了，如果是“css-in-js”的开发方式就比较蛋疼了，得从源码入手~

话说没提供 size 的配置本身也比较蛋疼...组件化不就是玩定制么