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

Question

我有一些复选框，但我总是需要两次选项卡才能进入下一个复选框，而不是只选择一次（问题只出现在IE中）。问题是，复选框内的svg在i tab一次后被聚焦。 我已经用Google搜索过了，我发现的解决方案是：使用drawable.registerAnimationCallback(new Animatable2.AnimationCallback() { @Override public void onAnimationEnd(Drawable drawable) { avd.start(); } }); drawable.start();

使svg不可聚焦

但实际上我不能这样做，因为我正在使用Angular 4而我只是使用focusable="false"标签的复选框。

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

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

有什么建议我怎么能让svg不可聚焦？

Answer 1

您可以使用SVG解决此问题

svg{pointer-events:none;}

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

您也可以尝试tabindex="-1"，但在IE中似乎还不支持。