htmlcssangularsassprimeng

Angular PrimeNG modify p-button, p-inputSwitch styles

How to modify PrimeNG's p-button, p-inputSwitch styles if ng::deep is deprecated?

Solution

  • I have updated to PrimeNG 17 + Angular 18 and I found how to style buttons without ::ng-deep:

    HTML:

    <p-button pButton label="Submit" class="custom-button" />

    or

    <button pButton label="Submit" class="custom-button"></button>

    SCSS:

    .custom-button {
  background: green;
}

    It works for me.