javascript - 使用带有 MathML 输入和 CSS/HTML 渲染的 MathJax 显示带有文本输入的数学公式

Question

我将 mathML 输入包装在这样的脚本标签中:

<script type="math/mml" id="scriptTag">
  <math>
    <mfrac>
      <msqrt>
        <mn>
          <semantics>
            <annotation-xml encoding='application/xhtml+xml'>
              <input xmlns='http://www.w3.org/1999/xhtml' type='text' size='4' />
            </annotation-xml>
          </semantics>
       </mn>
     </msqrt>
     <mn> 3 </mn>
    </mfrac>
  </math>
</script>

用 MathJax 渲染后，文本框真的很小。我也在上面尝试了 css，但没有任何改变。有没有办法让 css 在它上面工作，或者 MathJax 以所需的大小渲染它？

Answer 1

MathJax 解析 MathML 并输出 DOM 元素。您可以检查并直接设置输出元素的样式，或者您可以使用 MathJax CSS Objects在 JavaScript 中。