-
CSS Style for ui:button in Salesforce Lightning Component non rendering
Hi All,
I followed the instructions in the Lightning Components Developer Guide for applying CSS to a ui:button in my Lightning component, but the style isn't showing up.
Here's the button in my component:
<ui:button label="Box Volunteer Folder" press="{!c.navigate}" class="btn" />
Here's the CSS:
.THIS.uibutton.btn {
background-color: #2574a9;
color: #fff;
padding: 10px 20px;
}I've also tried this with no success:
.THIS .uibutton.btn {
background-color: #2574a9;
color: #fff;
padding: 10px 20px;
}Thanks
Log In to reply.
Popular Salesforce Blogs
![](https://images.forcetalks.com/wp-content/uploads/2021/03/12083207/sa_1615537901WhatsApp%20Image%2020210312%20at%201.49.42%20PM.jpeg)
The Impact of Salesforce On Your Customer Service Performance
Technology and innovation are changing the way businesses interact with customers. One such innovation is the use of customer relationship management (CRM) tools to help…
![What is the Search Box In Aura Component?](https://images.forcetalks.com/wp-content/uploads/2023/04/06053508/Blog-banner-Sep-2022-2023-04-06T110458.426.png)
What is the Search Box In Aura Component? | The Developer Guide
A search box in an Aura component is a user interface element that allows users to input text and search for relevant information within the…
![salesforce winter 17 release](https://images.forcetalks.com/wp-content/uploads/2020/05/13171340/salesforce-winter-17-release-1.png)
Salesforce Einstein: 6 Take-Aways from Salesforce Winter ’17 Release
Customer Relationship Management(CRM) continues to grow and with this rapid development comes the ever-rising demand for deeper and seamless interaction with the customers. With the…
Popular Salesforce Videos
A day at Dreamforce Event!
Time to share with you all the Algoworks Experience at Dreamforce 2019. The fun at Dreamforce was unparalleled, come relish the Dreamforce week with us!…
Salesforce Tutorial - What Is Data Loader
Generally, in the Declarative approach, developer enters data with page-layout, Data Loader is an amazing tool for bulk data processing. I have seen many migration…
Sharing Rules in Salesforce
Use sharing rules to extend sharing access to users in public groups, roles, or territories. Sharing rules allow administrators to automatically bypass organization-wide sharing settings.…