検索

ホームページ >ウェブフロントエンド >CSSチュートリアル >CSS `:hover` を使用して SVG ` 要素をスタイルするにはどうすればよいですか?

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

Linda Hamilton
Linda Hamiltonオリジナル
2024-11-28 04:47:14988ブラウズ

How Can I Style SVG `` Elements with CSS `:hover`?

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

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

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

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

firefox css for using Property this issue Other
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：「background-size: cover」を使用すると固定背景画像がクリップされるのはなぜですか?次の記事：「background-size: cover」を使用すると固定背景画像がクリップされるのはなぜですか?

関連記事

続きを見る