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
Yaroslav BorisovYaroslav Borisov 

Change slds radiogroup text

Hello. I am looking for how to change text color and font for the lightning-radio-group standard component. The hooks work properly, but the rest of CSS doesn't work. And I haven't found hooks for text. Could you please help me?

Code that I have:
 

<lightning-radio-group  type="radio"
                        options={radioData}
                        onchange={handleRadioChange}
                        class="radio-group"></lightning-radio-group>

.radio-group {
    --sds-c-radio-mark-color-foreground: #9300EA;
    --sds-c-radio-color-border-focus: #9300EA;
    --sds-c-radio-color-border-checked: #9300EA;
    color: black;
    font-size: 16px;
}

.radio-group .slds-form-element__label {
    color: black;
    font-family: sans-serif;
    font-size: 16px;
}
PriyaPriya (Salesforce Developers) 

Hi Yaroslav,

Kindly refer this article to change the color and font :- 

https://www.lightningdesignsystem.com/components/radio-group/

Regards,

Priya Ranjan