Heim > Web-Frontend > CSS-Tutorial > Wie kann ich SVG-Elemente mit CSS „:hover' formatieren?

Wie kann ich SVG-Elemente mit CSS „:hover' formatieren?

Linda Hamilton
Freigeben: 2024-11-28 04:47:14
Original
983 Leute haben es durchsucht

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

Probleme beim Styling von über eingebetteten SVG-Elementen Tag mit CSS :hover Pseudoclass

Styling von eingebetteten SVG-Elementen mit der Funktion Tag mit CSS :hoverpseudoclass kann eine Herausforderung sein. Das Problem entsteht, weil Elemente, auf die über kann nicht direkt im CSS angesprochen werden.

Trotz der Browserunterstützung für die Gestaltung geklonter Elemente über Firefox sind andere Browser in dieser Funktion nicht ausreichend. Allerdings unterstützen Browser das Ändern der Füll- oder Strichfarben referenzierter Elemente, indem sie den Füll-/Strichwert des referenzierten Elements auf currentColor setzen und die Farbeigenschaft des -Elements ändern. Element beim Hover.

Das obige ist der detaillierte Inhalt vonWie kann ich SVG-Elemente mit CSS „:hover' formatieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage