Forum Discussion

JennaG's avatar
JennaG
Community Member
5 months ago
Solved

Changing the Matching dropdown graded quiz/survey colors

Hello! I'm hoping someone can help me out with a question about changing the colors for the choices in the matching dropdown options.  I was able to find the answer on how to change the hover color...
advice
community
e-learning development
storyline 360
  • Nedim's avatar
    Nedim
    5 months ago

    You’ll need to inject JavaScript to target the selected state. To do this, add an Execute JavaScript trigger that runs when the timeline starts on the slide:

    const style = document.createElement('style');
style.innerHTML = `
  .drop-list-item-selected {
    fill: #87CEEB !important; 
  }
`;
document.head.appendChild(style);
LucianaPiazza's avatar
LucianaPiazza
Staff
5 months ago

Hello JennaG, 

Thanks for reaching out! I want to confirm that the yellow fill color for selected answers cannot be modified at this time. I have shared your insight with our product team. We'll be sure to share any future updates in this thread so everyone is in the loop. 

Have a great weekend!