Maison >interface Web >tutoriel CSS >CSS peut-il remplacer la couleur de remplissage d'un chemin SVG ?

CSS peut-il remplacer la couleur de remplissage d'un chemin SVG ?

Barbara Streisand
Barbara Streisandoriginal
2024-11-08 21:28:01716parcourir

Can CSS Override the Fill Color of an SVG Path?

Le CSS peut-il remplacer la couleur de remplissage d'un chemin SVG ?

Question :

Peut-on vous changez la couleur de remplissage d'un chemin SVG en utilisant CSS ou d'autres moyens sans modifier l'attribut de remplissage du chemin directement ?

Réponse :

Oui, il est possible de remplacer la couleur de remplissage d'un chemin SVG avec CSS.

Solution :

En CSS, vous pouvez sélectionner et styliser les éléments SVG tout comme les éléments HTML. Pour modifier la couleur de remplissage de tous les chemins SVG, utilisez la règle CSS suivante :

<code class="css">path {
  fill: blue;
}</code>

Cette règle appliquera la couleur de remplissage spécifiée à tous les chemins du SVG.

Notez que le CSS externe peut remplacer l'attribut fill défini dans l'élément path. Cependant, si l'attribut fill est explicitement défini dans l'élément path (par exemple, ), ce paramètre aura priorité sur le CSS externe.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn