Настройка стилей CSS, цвета для MathJax

Привет, я пытаюсь добавить стили в свой вывод 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, как это было предложено в других вопросах, но это привело к тому же самому, математика вообще не отображалась.

ОБНОВЛЕНИЕ: я добавил: как предлагает Давиде ниже, теперь мои уравнения отображаются, но информация о стиле игнорируется. Кажется, что стиль унаследован от тела страницы, но упаковка математики в div с другим стилем, похоже, также не влияет на это.

ОБНОВЛЕНИЕ 2: я решил проблему с игнорированием команд стиля mathjax. Цвет текста был глобально задан строкой в ​​моем CSS * {color: #292929}. Это означало, что стиль MathJax игнорировался. Простая замена * на body, a, p, h1, h2 устранила проблему.


colors css mathjax
person noaham    schedule 05.02.2014    source источник
comment
Арх. Вы никогда не должны редактировать свой вопрос таким образом, чтобы существующие ответы стали недействительными. Я возвращаю ваши правки; это не форум, а исключительно сайт вопросов и ответов. Если на ваши вопросы есть ответы, дело сделано.   -  person Sebastian Mach    schedule 15.01.2015
comment
Спасибо за комментарий - я принимаю вашу точку зрения по поводу редактирования кода. Я думаю, что было бы полезно оставить комментарии, которые я сделал в конце, поскольку именно они в конечном итоге решили проблему (хотя я задал неправильный вопрос), но вы явно серьезно относитесь к этой проблеме, поэтому я оставлю это.   -  person noaham    schedule 15.01.2015
comment
Должен признать, что я пошел по пути наименьшего сопротивления, чтобы исправить это снова. Я снова добавлю ваши комментарии :)   -  person Sebastian Mach    schedule 15.01.2015
comment
Примечание из будущего: срок службы cdn.mathjax.org подходит к концу, проверьте mathjax. org/cdn-shutting-down для советов по миграции (и, возможно, обновите свой пост для будущих читателей).   -  person Peter Krautzberger    schedule 21.04.2017

Ответы (1)


arrow_upward
7
arrow_downward

Вам не хватает двоеточия после ".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>

и тогда это должно работать для вас.

person Davide Cervone    schedule 05.02.2014
comment
Ах! это было глупо. Теперь он отображается, однако по-прежнему игнорирует информацию о стиле. Я обновил свой вопрос. Спасибо за ответ! - person noaham; 05.02.2014
comment
Вы также могли бы сделать это, используя ".MathJax": {color: "#CCCCCC ! important"} для переопределения CSS на *. - person Davide Cervone; 06.02.2014
comment
Да, пробовал, но почему-то не работает. Спасибо хоть. - person noaham; 06.02.2014