覆盖mathjax辅助功能蓝框功能

Question

如何覆盖mathjax中的辅助功能，该功能在方程式周围放置一个蓝框？我只是希望它在点击时像普通文本一样响应，即没有蓝框。

例如，点击此处的等式： http://jsfiddle.net/dandiebolt/AqDCA/

\(ax^2 + bx + c = 0\)

Answer 1

您可能正在描述本机浏览器行为，它将轮廓添加到焦点对应的元素（默认样式取决于浏览器）。 MathJax元素可以通过单击进行聚焦，因为它们被添加到tabindex中以便于访问。

所以答案的第一部分必须是：不要这样做。不要放弃可访问性。

如果您不喜欢默认的浏览器大纲，请设计出来！所有这些需求就像是

.MathJax:focus, .mjx-chtml:focus, .MathJax_SVG:focus {
   outline: 1px solid gray;
}

（涵盖MathJax的HTML-CSS，CommonHTML和SVG输出。）

但这是一个丑陋的世界，所以如果你被粗暴地强行放弃可访问性，你可以禁用tabindex。

引用MathJax documentation：

  

inTabOrder: true

     

它控制是否应将数学元素包含在tabindex中。如果设置为true，MathJax将tabindex=0添加到输出。如果设置为false，则会添加tabindex="-1"。

     

强烈建议不要开发人员最初禁用此功能（通过配置），因为它会使菜单无法访问。

换句话说，除非您停用菜单，否则不要破坏其可访问性。 （而且，不要禁用菜单;它对可访问性至关重要，特别是在即将推出的v2.7版本中增强功能。）