Lightning:卡片-下划线标题

Question

我的组件中有一个闪光卡。

 <lightning:card title="My Title">
        <lightning:layout horizontalAlign="left" class="slds-m-ertical_medium">
            <lightning:layoutItem size="3">
                <lightning:badge label=""/>
            </lightning:layoutItem>
            <lightning:layoutItem size="7">
                   ......
            </lightning:layoutItem>
        </lightning:layout>
</lightning:card>

我一直在寻找一种在标题"My Title“下划线的方法。但我还没能找到。有人能帮帮忙吗？

Answer 1

查看lightning设计系统documentation，看起来该标题被赋予了样式类slds-text-heading_small，因此您应该能够通过将以下内容添加到组件的样式部分来获得所需的效果：

.THIS .slds-text-heading_small{
    text-decoration : underline ;
}