為什麼 :hover 不適用於 SVG 元素，替代方案是什麼？

SVG USE 元素和:hover 樣式– 瀏覽器支援問題

嘗試將:hover 樣式應用於透過

🎜>

嘗試將:hover 樣式應用於透過 嵌入的SVG元素時定義>使用，某些瀏覽器可能會遇到限制。

瀏覽器支援限制

SVG 規範明確規定 CSS2 選擇器不能應用於概念複製的 DOM 所引用的元素樹。這意味著 :hover 不能用於定位嵌入物件中的特定元素。

Firefox 的例外

Firefox 是一個例外，支援「虛擬」的尋址」 透過 包含的元素蟲洞。但是，其他瀏覽器不例外，支援「虛擬」的尋址」 透過 包含的元素蟲洞。但是，其他瀏覽器不具備此功能。的替代方法

更廣泛支援的方法是設定引用的方法，而不是依賴 :hover元素的填充或描邊值設定為currentColor。技術，您可以有效地更改嵌入SVG 的填充或描邊顏色當 時的元素元素懸停在上方，從而模仿:hover在這些元素上的效果。

以上是為什麼 :hover 不適用於 SVG 元素，替代方案是什麼？的詳細內容。更多資訊請關注PHP中文網其他相關文章！