Chrome rendering MathJax equations with a trailing vertical line

问题

I am working through Andrew Ng's machine learning course on Coursera using the Octave kernel for Jupyter and of course MathJax provides the equation rendering. This thin bar appears on the right side of every equation, and only in Chrome. Any thoughts on where in the stack things might be going wrong?

回答1:

This is a known issue caused by Chrome changing its rounding behavior. It will be fixed in the next release. See https://github.com/mathjax/MathJax/issues/1300

回答2:

A quick and dirty method is right click one of them and select another renderer in Math Setting -> Math Renderer

Another method is create a bookmark of this link: javascript:$('.math>span').css("border-left-color","transparent") and click it in pages that use mathjax. see my gist

回答3:

If your MathJax is not the latest version, you can add this to the css style:

.MathJax nobr>span.math>span{border-left-width:0 !important};

then this problem can be solved.

来源：https://stackoverflow.com/questions/34277967/chrome-rendering-mathjax-equations-with-a-trailing-vertical-line