Search code examples
angularbuttonstylesstylesheetprimeng

PrimeNG Button not Stylizing

So I'm trying to stylize my PrimeNG button to have an orange background like this:

<button pButton class="orange-button" label="Click Me".....>

and then in my style sheet doing

.ui-button.orange-button {
    background-color: orange;
}

However the button remains the same color as the omega theme being used. How can I override this? I'm using angular 2 and using Angular CLI so I have it linked to a style sheet in the .ts file.

Solution

  • use important to override the styles.

    .ui-button.orange-button {
    background-color: orange !important;
}