<!doctype html>
<html>
  <head>
    <title>Token elements Background Color</title>
    <meta charset="utf-8"/>
  </head>
  <body>
    <style type="text/css">
      math > mrow {
        background: #faa;
      }
      math > mrow > mrow {
        visibility: hidden;
      }
      mo, mtext, mn, mi {
        font: 20px Ahem;
      }
    </style>
  </head>
  <body>

    <p>
      <math>
        <mrow><mrow><mtext>mtext</mtext></mrow></mrow>
        <mrow><mrow><mo>mo</mo></mrow></mrow>
        <mrow><mrow><mo>+</mo></mrow></mrow>
        <mrow><mrow><mi>mi</mi></mrow></mrow>
        <mrow><mrow><mn>mn</mn></mrow></mrow>
      </math>
    </p>

    <p>
      <math><mrow><mrow><mo minsize="4em">|</mo></mrow></mrow></math>
    </p>

  </body>
</html>