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 ...

那么如何使复选框更大呢？

标签： htmlcssangularprimeng

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;
    }

如果需要，您可能还想更改offset标签的：

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