CSS `:hover` を使用して SVG ` 要素をスタイルするにはどうすればよいですか?

によって埋め込まれた SVG 要素のスタイル設定に問題がありますCSS でタグ付け:hover Pseudoclass

を使用して埋め込まれた SVG 要素のスタイリングCSS :hoverpseudoclass を使用したタグは難しい場合があります。この問題は、要素が 経由で参照されるために発生します。 CSS で直接対処することはできません。

ブラウザは Firefox 経由でクローン要素のスタイルをサポートしていますが、他のブラウザではこの機能が不十分です。ただし、ブラウザは、参照要素の塗りつぶしまたはストロークの値を currentColor に設定し、 の color プロパティを変更することによって、参照要素の塗りつぶしまたはストロークの色の変更をサポートします。ホバー上の要素。

以上がCSS `:hover` を使用して SVG ` 要素をスタイルするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。