Hi
thanks for the link to your example that's always useful to make it clear what is being reported or asked about.
We have the gap fill page on our todo list following our recent accessibility audit because using colours alone for feedback is obviously not a good solution. However there are 3 different modes to that page types and ideally we want to make it more consistent with other page types and to add ticks and crosses for the feedback rather than just green and red etc.
In the meantime try the following:
If you have a number of gap fill pages add an optional styles property to the LO icon.
If you only want this to apply to a single gap fill page add an optional styles property just to that page.
Add the following css:
Code:
.x_gapFill_page #targetHolder input[readonly], #targetHolder .target.correct, #targetHolder input[correct] {
border: dotted;
color:green !important;
}
You should now see that when an answer is correct it turns green but also has a dotted green border. You could refer to that in the instructions of the first gap fill page.
When you move away and then back to the page you should find that new correct answers still turn green with a dotted border.
Let us know if that works?
HTH
Ron