function readOnly(count){ }
Sign Up ›
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
Learn More

Browse by Topic
ShowAll Questionssorted byDate Posted
+ Start a Discussion
Ricardo Coutinho 7Ricardo Coutinho 7 

ui:button CSS

Hello,
I'm designing a lightening component and i have a table with my own CSS, now i added a button but i cant style him, i already tried a few things but he is always with the standard style. 
<ui:button aura:id="button1" label="Filter" class="FirstButton"/>
I already tried this: 
.THIS FirstButton {
    background-color: #3A84C2;
    color:#fff;
}
.THIS.uiButton FirstButton {
    background-color: #3A84C2;
    color:#fff;
}
FirstButton.THIS {
    background-color: #3A84C2;
    color:#fff;
}


I already tried to add !Important but nothing seems to work...