Presented below is the latex code being used with Mathjax.
\class{mathjaxCursor}{\text{_}}
...and here is the accompanying css:
.mathjaxCursor
{
font-weight: bold;
background-color: red;
}
This setup results in the following display:
https://i.stack.imgur.com/Ebv79.jpg
Now, let's examine a different latex example:
5\class{mathjaxCursor}{\text{_}}
Using the same CSS produces the following output:
https://i.stack.imgur.com/PRLII.jpg
The issue I am facing is that when the digit '5' is displayed along with an underscore, the height of the underscore matches the full font height instead of just the underscore's height. Can you recommend a modification to the CSS so that the underscore maintains a normal character height?
This problem becomes more evident when wrapping a root around the underscore:
https://i.stack.imgur.com/fs8Fp.jpg
As shown in the images above, the centre of the root symbol aligns with the underscore, whereas it should be positioned like this: