我正在尝试增加ion-checkbox
中的图标大小,但找不到解决方法。
我尝试了font-size
,--size
属性,但是它们增加了背景的总体宽度和高度,而不是选中图标的大小。
HTML
<ion-checkbox
color="secondary"
slot="start"
size="large">
</ion-checkbox>
CSS
ion-checkbox {
--background: var(--background-color);
--background-checked: var(--background-color);
--checkmark-color: var(--color-blue-medium);
--border-color: transparent;
--border-color-checked: transparent;
/* increasing overall width not the check icon size */
--size:48px;
}
答案 0 :(得分:1)
可以通过样式的zoom属性修改图标的大小。
在.scss文件中
.my-icon { zoom : 2.0;}
在.html文件中
<ion-icon class="my-icon"></ion-icon>
答案 1 :(得分:0)