Как изменить размер флажка primeNG

Question

Простой вопрос ... как я могу изменить размер p-checkbox?Без primeng я сделал что-то вроде <p-checkbox style="transform: scale(2.0)"></p-checkbox>

Но с primeng я получаю

Error: Cannot find a differ supporting object 'transform: scale(2.0)'
    at ...

Как сделать флажок больше?

Answer 1

Вы можете сделать это, просто перезаписав их css. Сначала измените размер флажка:

body .ui-chkbox .ui-chkbox-box {
  width: 25px;
  height: 25px;
}

Затем вы можете изменить размер галочки:

body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon {
  font-size: 20px;
}

И при необходимости вы также можете изменить offset метки:

body .ui-chkbox-label {
  margin: 0 0 0 0.8em;
}