如何增加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, body .ui-chkbox .ui-chkbox-box {
    height: 32px;
    width: 32px;
}
body .ui-chkbox .ui-chkbox-label {
    line-height: 32px;
}

试试这个

Answer 2

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

    width: 40px;
    height: 40px;

}

试试这个