CSS to have different colours for each option of MCQ

[Venkata_Abhijith]

CSS to have different colours for each option of MCQ:

.ss_multiple_choice .ss-answer-option--bg.ss-answer-option--choice:nth-of-type(1){
background: rgba(255,0,0,0.5);
color:white;
border-color: rgba(255,0,0,0.5);
}

.ss_multiple_choice .ss-answer-option--bg.ss-answer-option--choice:nth-of-type(1).active{
background: rgba(255,0,0,1);
color:white;
border-color: rgba(255,0,0,1);
}

.ss_multiple_choice .ss-answer-option--bg.ss-answer-option--choice:nth-of-type(2){
background: rgba(0,100,125,0.5);
color:white;
border-color: rgba(0,100,125,0.5);
}

.ss_multiple_choice .ss-answer-option--bg.ss-answer-option--choice:nth-of-type(2).active{
background: rgba(0,100,125,1);
color:white;
border-color: rgba(0,100,125,1);
}

.ss_multiple_choice .ss-answer-option--bg.ss-answer-option--choice:nth-of-type(3){
background: rgba(0,0,245,0.5);
color:white;
border-color: rgba(0,0,245,0.5);
}

.ss_multiple_choice .ss-answer-option--bg.ss-answer-option--choice:nth-of-type(3).active{
background: rgba(0,0,245,1);
color:white;
border-color: rgba(0,0,245,1);
}