Apply Css for sn-choice-list

Priyadharashin1
Tera Contributor

HI, I am using the sn-choice-list to create a choice dropdown in portal. I would like to know if we can apply css styling on this field, like I want to change the blue hover to Gray. Any suggestions will be helpful

 

Priyadharashin1_0-1737610950602.png

 

2 REPLIES 2

amitshishod
Tera Guru

hello @Priyadharashin1 , can you please share code?

 

HI @amitshishod 

 

HTML

<sn-choice-list
field="c.mychoice"
sn-model="c.mychoice"
sn-options="c.mychoicelistoption"
sn-value-field="myChoiceValue"
sn-text-field="myChoiceDisplay"
sn-items="c.mychoiceoptions">
</sn-choice-list>

 

client:

 
c.mychoiceoptions = [{
myChoiceDisplay:"Choice 1",
myChoiceValue:'choice1'
},
{
myChoiceDisplay:"Choice 2",
myChoiceValue:'choice2'
}];
 
c.mychoicelistoption = {
hideSearch: true
};
 
c.mychoice = "choice1";