Чекбокс Styling в PrimeNG

Question

Я пытаюсь изменить следующий стиль метки флажка PrimeNG (т. Е. Размер шрифта):

<div class="ui-g-7">
    <p-checkbox name="group1" value="Los Angeles" label="Los Angeles" [(ngModel)]="selectedCities" inputId="la">
    </p-checkbox>
</div>

Я нашел labelStyleClass в документации, которая является классом стиля метки. Но я не мог использовать это. Есть идеи?

Answer 1

Вы можете просто добиться этого в вашем .css или .scss файле

:host::ng-deep {
    .ui-chkbox-label {
        font-size: 20px;
        font-weight: bold;
    }
}

Примечание: Если вы не включили viewEncapsulation в своем компоненте. Затем используйте :host::ng-deep. Настоятельно рекомендуется.

Вывод:

Также для вашего удобства создан функциональный пример:

https://stackblitz.com/edit/angular-tdkc3d

Надеюсь, это поможет.