html - 如何更改 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 {
      width: 25px;
      height: 25px;
    }

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

然后就可以修改对勾的大小了:

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

如果需要，您可能还想更改标签的偏移量:

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