| <!doctype html> |
| <html> |
| <head> |
| <title>Token elements Background Color</title> |
| <meta charset="utf-8"/> |
| </head> |
| <body> |
| <style type="text/css"> |
| math { |
| color: #faa; |
| } |
| mo, mtext, mn, mi { |
| background: #faa; |
| font: 20px Ahem; |
| } |
| </style> |
| </head> |
| <body> |
| |
| <!-- We verify that token elements have a background color. |
| We use the same color for the foreground and background so the text should not be visible. However, the pink background should be painted. --> |
| |
| <p> |
| <math> |
| <mtext>mtext</mtext> |
| <mo>mo</mo> |
| <mo>+</mo> |
| <mi>mi</mi> |
| <mn>mn</mn> |
| </math> |
| </p> |
| |
| <!-- We also do the test for a stretchy operator. --> |
| <p> |
| <math><mrow><mrow><mo minsize="4em">|</mo></mrow></mrow></math> |
| </p> |
| |
| </body> |
| </html> |
