Question

您好我正在尝试为MathJax输出添加样式。特别是我想为我的方程设置一个全局颜色（以便它匹配我页面其余部分的样式）。目前我有以下配置。

<script type="text/x-mathjax-config">
    MathJax.Hub.Config({
      jax: ["input/TeX", "output/HTML-CSS"],
      tex2jax: {
        inlineMath: [ ['$', '$'] ],
        displayMath: [ ['$$', '$$']],
        processEscapes: true,
        skipTags: ['script', 'noscript', 'style', 'textarea', 'pre', 'code']
      },
      messageStyle: "none",
      "HTML-CSS": { 
          preferredFont: "TeX", 
          availableFonts: ["STIX","TeX"], 
          styles: {".MathJax" {color: "#CCCCCC";}} 
          }
    });
</script>
<script src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML" type="text/javascript"></script>

但是，如果我在配置中包含styles标记，我的页面上的数学就完全拒绝显示。另一方面，如果我删除它，它显示正常。

编辑：我还应该注意到我已经尝试将样式直接添加到我的CSS中，如其他问题中所建议的那样但这导致了同样的事情，根本没有显示数学。

更新：我添加了：正如Davide在下面建议的那样，现在我的方程显示但是样式信息被忽略了。样式似乎是从页面主体继承的，但是将数学包装在具有不同样式的div中似乎也不会影响它。

UPDATE2：我已经解决了mathjax忽略样式命令的问题。文本的颜色由我的CSS * {color：＃292929}中的一行全局设置。这意味着MathJax的样式被忽略了。只需将*改为body，a，p，h1，h2即可解决问题。

Answer 1

".MathJax"之后您缺少冒号。你的代码应该是

<script type="text/x-mathjax-config">
MathJax.Hub.Config({
  jax: ["input/TeX", "output/HTML-CSS"],
  tex2jax: {
    inlineMath: [ ['$', '$'] ],
    displayMath: [ ['$$', '$$']],
    processEscapes: true,
    skipTags: ['script', 'noscript', 'style', 'textarea', 'pre', 'code']
  },
  messageStyle: "none",
  "HTML-CSS": { 
      preferredFont: "TeX", 
      availableFonts: ["STIX","TeX"], 
      styles: {".MathJax": {color: "#CCCCCC"}} 
      }
});
</script>

然后它应该适合你。

为MathJax设置CSS样式，颜色

1 个答案: