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

Привет Я пытаюсь добавить стили к моему выпуску MathJax. В частности, я хотел бы установить глобальный цвет для моих уравнений (чтобы он соответствовал стилям на остальной части моей страницы). В настоящее время у меня есть следующая конфигурация.Настройка стилей CSS, цвет, для 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, как это было предложено в других вопросах, но это привело к тому же, и никакая математика не отображалась вообще.

UPDATE: Я добавил: а Davide предлагает ниже, теперь мои уравнения дисплея, но информация стиля игнорируется. Стиль, кажется, унаследован от тела страницы, но упаковка математики в div с различным стилем, похоже, тоже не влияет на нее.

UPDATE2: Я решил проблему с mathjax, игнорируя команды стиля. Цвет текста был глобально задан линией в моем CSS * {color: # 292929}. Это означало, что стиль от MathJax игнорировался. Простое изменение * на тело, a, p, h1, h2 устранило проблему.

источник

2014-02-05 noaham

Argh. Вы никогда не должны редактировать свой вопрос таким образом, чтобы существующие ответы становились недействительными. Я возвращаю ваши изменения; это не форум, а исключительно сайт вопросов/ответов. Если на ваши вопросы ответили, это делается. –

Благодарим за комментарий. Я принимаю ваше решение об изменении кода. Я думаю, что было бы полезно оставить комментарии, которые я сделал в конце, поскольку это то, что в конечном итоге решило проблему (хотя я и задал неправильный вопрос), но вы явно чувствуете решимость по этому вопросу, поэтому я оставлю это. – noaham

Должен признаться, я пошел по пути наименьшего сопротивления, чтобы снова сделать это «правильным». Я добавлю ваши комментарии еще раз :) –

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

, а затем он должен работать на вас.

источник

2014-02-05 18:07:30

А! Это было глупо. Он отображается сейчас, однако он все еще игнорирует информацию о стиле. Я обновил свой вопрос. Спасибо за ответ! – noaham

Вы также могли бы сделать это, используя '' .MathJax ": {color:" #CCCCCC! Important "}', чтобы переопределить CSS на '*'. –

Да, я пробовал это, но по какой-то причине он не работает. Спасибо хоть. – noaham

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

ответ

Смежные вопросы