Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/ms-access/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 当复选框大小增加时,勾号的大小不会改变_Css_Antd - Fatal编程技术网

Css 当复选框大小增加时,勾号的大小不会改变

Css 当复选框大小增加时,勾号的大小不会改变,css,antd,Css,Antd,我正在使用ANT Design中的复选框,这是复选框的默认大小 现在,我想增加复选框的大小,所以我更改了宽度和高度,现在我的复选框如下所示: 如何更改勾号的大小?这是我的CSS: .ant-checkbox-checked .ant-checkbox-inner{ background-color: #008000; width: 30px; height: 30px; } 将此css添加到您的样式中: .ant-checkbox-inner::after {

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

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

如何更改勾号的大小?这是我的CSS:

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

}   

将此css添加到您的样式中:

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

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

只要用这个:

  .ant-checkbox-inner, .ant-checkbox-input {
    transform: scale(2)
  }
整个框将被放大两倍,包括刻度。
请注意,您也可以将其用于0到1之间的值,以减小框的大小。

此外,您能帮我解决这个问题吗?这只是一个提示,需要找到正确的选择器,并根据您的设计进行更改。