为MathJax设置CSS样式,颜色

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>

然后它应该适合你.