2017-07-17 8 views
0

私はいくつかのチェックボックスを持っていますが、たぶん1回だけタブするのではなく、次のチェックボックスに2回タブする必要があります。問題は、チェックボックス内のsvgがiタブの後に集中することです。 私はすでにこれをGoogleで検索してきたし、私が見つけた解決策だった:focusable="false"IE 11(角、MdCheckbox)でsvgを非フォーカスにする

でSVGは非フォーカス可能にする。しかし、私は角度4を使用していると私はちょうどで私のチェックボックスを使用しているので、私は実際にこれを行うことはできません<mdCheckbox>タグ。

私はチェックボックス内のsvgタグに直接アクセスできません。今度はmaterials.jsファイルを変更することができました。そこでは、mdCheckboxコンポーネント内のsvgをフォーカス不可能に設定することができましたが、問題は、私たちのプロジェクトでmaterials.jsをコミットしないことです。私たちはプロジェクトを作業するときに常にこのAngularファイルを生成するので、material.jsファイルは常に上書きされます。

私はmaterials.jsファイルを変更できませんが、私は単純に<mdCheckbox>タグを使用しているだけなので、svgへのアクセス権もありません。

どのように私はsvgをフォーカスできないようにすることができますか?あなたはSVG

svg{pointer-events:none;} 

でそれに対処することができるかもしれない

答えて

0

(もhttps://stackoverflow.com/a/39919144/217408参照)

またtabindex="-1"を試すことができますが、IEでまだサポートされていないようです。

+0

私はすでにこれを試しましたが、うまくいきません。 – BlueCat

関連する問題