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

Question

我有一些複選框，但我總是必須選中兩次才能進入下一個複選框而不是一次製表符（僅在IE中出現問題）。問題在於，複選框內的svg會在我選擇一次選項卡後集中注意力。 我已經一派這一點，我找到了解決方法是：讓SVG不可聚焦與focusable="false"

但因爲我使用的是4角，我不能做到這一點其實，我只是用我的複選框被<mdCheckbox>標記。

所以我沒有直接訪問複選框內的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瀏覽器還不支持來解決它。