Css 当复选框大小增加时,勾号的大小不会改变
我正在使用ANT Design中的复选框,这是复选框的默认大小 现在,我想增加复选框的大小,所以我更改了宽度和高度,现在我的复选框如下所示: 如何更改勾号的大小?这是我的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-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之间的值,以减小框的大小。此外,您能帮我解决这个问题吗?这只是一个提示,需要找到正确的选择器,并根据您的设计进行更改。