在 IE 11 中使 svg 不可聚焦（Angular、MdCheckbox）

Question

我有一些复选框，但我总是必须按两次才能进入下一个复选框，而不是只按一次（问题只出现在 IE 中）。问题是，复选框内的 svg 在 i 选项卡一次后获得焦点。 我已经用谷歌搜索过了，我找到的解决方案是：使用focusable="false" 使 svg 无法聚焦

但实际上我不能这样做，因为我使用的是 Angular 4，而且我只是通过<mdCheckbox> 标签使用我的复选框。

所以我无法直接访问复选框内的 svg-tag。现在我可以更改 ma​​terials.js 文件。在那里，我可以将 mdCheckbox 组件内部的 svg 设置为不可聚焦，但问题是，我们没有在项目中提交 materials.js。当我们处理我们的项目时，我们总是重新生成这些 Angular 文件，所以 material.js 文件总是会被覆盖。

所以我无法更改 material.js 文件，但我也无法访问 svg，因为我只是使用 <mdCheckbox> 标签。

有什么建议可以让 svg 无法聚焦吗？

Answer 1

你也许可以用 SVG 来解决它

svg{pointer-events:none;}

（另见https://stackoverflow.com/a/39919144/217408）

你也可以试试tabindex="-1"，不过IE好像还不支持。