复选框大小增加ANTD时，刻度大小不会更改

Question

我正在使用ANT Design的复选框，这是复选框的默认大小。

现在，我想增加复选框的大小，所以我更改了宽度和高度，现在我的复选框如下所示：

如何更改刻度线的大小？这是我的CSS：

.ant-checkbox-checked .ant-checkbox-inner{
    background-color: #008000;
    width: 30px;
    height: 30px;

}   

Answer 1

将此CSS添加到您的样式中：

.ant-checkbox-inner::after {
   width: 13.714286px;
   height: 23.142857px;
}

Answer 2

对于未来的读者，更简单的方法是使用 scale css 转换。

就用这个：

  .ant-checkbox-inner, .ant-checkbox-input {
    transform: scale(2)
  }

整个框将放大两倍，包括勾号。 请注意，您也可以将它用于 0 到 1 之间的值以减小框的大小。