如何在 Lightning Buttons 中应用 CSS 来更改颜色

问题描述

我已将 css 应用于我的闪电按钮以更改它的颜色。我的按钮中有名为 Morning 的类

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

解决方法

您可能对普通按钮变体很好,您尝试过吗? <lightning:button variant="destructive-text"/> https://developer.salesforce.com/docs/component-library/bundle/lightning:button/example

您可以使用普通的 <button> 并使用 Salesforce 定义的类以及您需要的任何其他内容来设置样式。使用闪电设计系统:https://www.lightningdesignsystem.com/components/buttons/

如果它绝对必须是 <lightning:button> 而变体还不够 - 查看按钮“styling hooks”。更多信息:

,

请在你的 CSS 中试试这个:

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