Как увеличить высоту и ширину флажка Primefaces

Question

Я использую Primefaces версии 5.2. Мне нужно увеличить высоту и ширину флажка, я попробовал два возможных css и попытался переопределить, но не смог найти никаких изменений. Поскольку я новичок в стилизации, может кто-нибудь сказать мне, как правильно это сделать

CSS пример 1

.ui-chkbox-icon.ui-icon {
    width: 32px;
    width:32px;

.ui-chkbox-blank.ui-icon {
    width: 32px;
    width:32px;
    overflow: visible;
}
.ui-chkbox-check.ui-icon {
    width: 32px;
    width:32px;
    overflow: visible;
}

CSS пример 2

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

.ui-chkbox .ui-chkbox-icon {
    height: 32px;
    width: 32px;
}

.ui-chkbox  .ui-chkbox-label {
    height: 32px;
    width: 32px;
}
.ui-chkbox  .ui-chkbox-blank{
    height: 32px;
    width: 32px;
}
ui-chkbox  .ui-chkbox-check {
    height: 32px;
    width: 32px;
}

Результат после использования

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

.ui-chkbox .ui-chkbox-label {
    line-height: 32px;

}

Answer 1

body .ui-chkbox .ui-chkbox-box {

    width: 40px;
    height: 40px;

}

Попробуйте это

Answer 2

body .ui-chkbox, body .ui-chkbox .ui-chkbox-box {
    height: 32px;
    width: 32px;
}
body .ui-chkbox .ui-chkbox-label {
    line-height: 32px;
}

Попробуйте это