代码之家 › 专栏 › 技术社区 › nam

带有html背景和字体颜色问题的MathJax

mathml mathjax latex

nam · 技术社区 · 7 年前

LaTex

<html>
<head>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-MML-AM_HTMLorMML">
</script>
</head>
<body>
A \(\frac{a}{b}\) fraction in inline mode
<br/>
A\[\frac{a}{b}\] fraction in display mode
<br/>
A <span style='color:white;background:black'>\(\frac{a}{b}\)</span> fraction in inline mode with black background and white font
<br/>
A <span style='color:white;background:black'>\[\frac{a}{b}\]</span> fraction in display mode with black background and white font. This one is not displaying fraction.

</body>
</html>

1 回复 | 直到 7 年前

alex 7 年前

<span style='color:white;background:black'> 到 <span class='inverted'>

.inverted .math {
    color: white;
    background-color: black;
}

你可能还会发现 CSS Style Objects

编辑:

<head> 标记如下:

<head>
  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-MML-AM_HTMLorMML"></script>
  <style type="text/css">
    .inverted .math {
      color: white;
      background-color: black;
    }
  </style> 
</head>

我还强烈建议你学习CSS的基础知识(至少), w3schools tutorials 可能真的很有帮助。

推荐文章

WoeIs · 在LaTeX中添加新行和新段落的最佳方式是什么?

6 年前

M.Walko · 在降价中更改ATX标题的字体大小

6 年前

outlaw · 升级后的python matplotlib更改了latex字体

6 年前

jmich738 · 中使用的R-kable()。Rmd不在笔记本中显示输出

6 年前

MetaPhilosopher · 如何使用LaTeX模板在R Markdown中创建学术论文?

6 年前

stackinator Brenton Wiernik · R标记水平规则也适用于LaTeX pdf?

6 年前

Anton · 不包括pandoc中TOC中的部分

6 年前

Iomanip · 格式错误-LaTeX

6 年前

TaeHan Kim · R降价!“额外对齐”选项卡已更改为\r。发生错误

6 年前

kakk11 · 使用doxygen进行python源解析时的格式化数学?

6 年前