How can I apply CSS in Lightning Buttons to change color

Question

I have applied css to my lightning Button to change the color of it. And I have class named Morning inside my button

.THIS.Morning{
    //Mornig is class inside my button
    color: red;
    }

eyescream · Accepted Answer · 2021-05-11 17:23:34Z

0

You might be good with the normal button variant, have you tried it? <lightning:button variant="destructive-text"/> https://developer.salesforce.com/docs/component-library/bundle/lightning:button/example

You can use normal <button> and style it with Salesforce-defined classes + whatever else you need. Use Lightning Design System: https://www.lightningdesignsystem.com/components/buttons/

If it absolutely has to be a <lightning:button> and variant's aren't enough - look into button "styling hooks". More info:

answered May 11, 2021 at 17:23

eyescream

19.8k3 gold badges39 silver badges55 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

rakwaht · Accepted Answer · 2021-06-17 09:14:46Z

0

Please try this in your CSS :

.THIS .slds-button_brand {
    color:red;
}

rakwaht

4,0174 gold badges34 silver badges47 bronze badges

answered Jun 16, 2021 at 6:48

Shubham Rai

1