Как увеличить размер значка флажка в Ionic? ⇐ CSS

[Anonymous]

Я пытаюсь увеличить размер галочки, не меняя при этом ничего другого. Я просто хочу сделать галочку выше и шире. Сейчас размер деления: 8,4 x 5,87, и я хочу сделать его 11 x 9, сохранив при этом прямоугольник размером 20 x 20.
Текущее состояние:


Это мой текущий код:

Код: Выделить всё

ion-checkbox {
--size: 20px;
--checkbox-background-checked: rgb(var(--sf-action));
--checkmark-color: rgb(var(--txt-primary-color));
--border-color-checked: rgb(var(--sf-action));
--border-color:rgb(var(--br-default));
--border-radius: 6px;
/* zoom: 1.5; */
}

ion-checkbox::part(mark) {
stroke-width: 1.5px;
width: 25px;
height: 25px;
}

Как видите, я попробовал свойство масштабирования, но оно увеличивает размер всего значка, а не только галочки. Затем я также попытался отрегулировать теневую часть знака, но мне удалось только увеличить обводку. Регулировка ширины и высоты не имеет значения.
Это моя настройка и мои текущие версии:

Код: Выделить всё

"@nuxtjs/ionic": "^0.15.1",

"node_modules/@nuxtjs/ionic": {
"version": "0.15.1",
"resolved": "https://registry.npmjs.org/@nuxtjs/ionic/-/ionic-0.15.1.tgz",
"integrity": "sha512-S6P+83fvJCNX6nAuiYl2YcHSy6G9pVDdUWwDhM4PDxABbCtklxu9J/pZdgfGESAuy3JyKBldOmnpefKk/5eaxg==",
"dependencies": {
"@capacitor/cli": "^6.1.0",
"@capacitor/core": "^6.1.0",
"@ionic/cli": "^7.2.0",
"@ionic/vue": "^8.2.5",
"@ionic/vue-router": "^8.2.5",
"@nuxt/kit": "^3.12.3",
"@unhead/vue": "^1.9.16",
"ionicons": "^7.4.0",
"pathe": "^1.1.2",
"pkg-types": "^1.1.3",
"ufo": "^1.5.3",
"unimport": "^3.7.2"
}
},

Я знаю, что аналогичный вопрос был задан под заголовком «Ionic 4 увеличивает размер значка флажка», но он был задан почти 6 лет назад, и рабочего ответа не было, так что, возможно, что-то изменилось .
Размеры:




Подробнее здесь: https://stackoverflow.com/questions/793 ... e-in-ionic