Quiz correct answer detectable when given selected state

When creating a quiz, i wanted to adjust the state of the answers so when it was selected the user would get a little highlight around it to show they selected it.

However, i noticed that when hovering over the answers, the answer that had been "selected" as correct would blend the selected state with the highlighted state. 

This would allow the user to determine to correct answer by selecting the one that hover-highlights differently. 

I think it has something to do with how the correct answer is "selected".

Demo: https://goo.gl/f1cnwy 

Is there a way to have a selection highlight without it being visible during the hover? 

I suppose i could make a custom trigger that would adjust the state to a custom state when a user clicks an answer. But then id have to do it for every single answer on every question. 

Thanks for any insight yall might have.

.story attached. 

5 Replies
Preston Ruddell

Hmm... your right.  I added a different question and did the states myself.  I the next slide doesn't seem to have the same issue your does.  I just manually created the "Selected" state by adding a shape behind each selection.

Unfortunately, I can't figure out why your question is bugged.

Alyssa Gomez

Hi David!

Thanks for allowing me to take a peek at your file. 

The problem you were seeing is happening because the hover state is slightly transparent. Normally that wouldn't matter, except the selected state has a fill color. In that case, the selected state shows through the hover state.

A simple way to fix this is to remove the transparency on the hover state. I've made that change in your file--have a look, and let me know what you think!