覆盖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文档:

inTabOrder: true

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

不鼓励开发人员最初禁用此功能(通过配置),因为它会使菜单无法访问.

换句话说,除非您禁用菜单,否则不要破坏其可访问性.(而且,不要禁用菜单;它对于可访问性至关重要,尤其是在即将推出的v2.7版本中的增强功能.)