How to edit the css of typed answers
For the longest time I could only get these to partially work, and I didn't get much help online, but I just figured it out, so I'm posting it here.
>Edit the typing field itself
you have to use the style #typeans{} (not code#typeans{}, which changes the answer checking. Every line of the style has to be marked !important, or the changes on that line will not show up (the note editor will show the changes, but they will not show up when you return to the actual cards). Example:
[code]
#typeans{
font-family: "Yu Mincho Gothic" !important;
font-size: 25px !important;
}
[/code]
>changing the checked answers
To change (all parts of) the checked answer, use the style code#typeans{}. If you have also changed the #typeans{} style already, every change you make in code#typeans{} that conflicts with #typeans{} must be marked !important, or it will be overridden. Example (for using both)
[code]
#typeans{
font-family: "Yu Mincho Gothic" !important;
font-size: 25px !important;
}
code#typeans{
font-family: "BIZ UDGothic" !important;
}
[/code]
>Changing the style of correct, wrong, and missing characters individually in the checked answer
The three css styles to do this are .typeGood{}, .typeBad{}, and .typeMissed{} respectively. They work as intended without any quirks, and will override code#typeans{} and #typeans{} without needing to be marked as !important.