Making cloze hint in a different colour

Anki Card Design
1

Is there HTML or CSS code which could make the cloze hint appear in a different colour to the cloze text itself :question:

2

https://docs.ankiweb.net/templates/fields.html

If you want to customize the appearance or behaviour, you’ll need to implement the hint field yourself. We can not provide any support for doing so, but the following code should get you started:

{{#Back}}
<a class=hint href="#"
onclick="this.style.display='none';document.getElementById('hint4753594160').style.display='inline-block';return false;">
Show Back</a><div id="hint4753594160" class=hint style="display: none">{{Back}}</div>
{{/Back}}
3

This does not work with cloze notes and cards.
What I meant is this part

{{c1::123456::XYZ}}

::XYZ

4

Is it not working?
{{c1::123456::<span style="color: rgb(0, 255, 127);">XYZ</span>}}

5

If you type your question into Google, then the second site gives the answer.

https://www.reddit.com/r/Anki/comments/17q1avt/changing_cloze_hint_color_without_changing_cloze/

<script> 
$('.cloze').not(":contains('[...]')").css('color', 'green') 
</script>
3 Likes
6

Perfect! This solves it. Many thanks!

7

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.