Comment puis-je faire en sorte qu'une image SVG hérite des couleurs du document HTML?
J'ai un tas d'images SVG que je veux incorporer dans une page HTML, qui est stylisée avec CSS.
Je veux que les éléments du SVG aient leur couleur héritée de l'attribut de couleur de l'élément HTML parent.
J'ai essayé de définir style="stroke: none; fill: inherit" mais cela ne fonctionne pas.
HTML utilise la couleur tandis que SVG utilise le remplissage et le trait. Vous pouvez obtenir fill ou stroke pour utiliser la valeur de la propriété CSS color en utilisant la valeur currentColor par ex. fill="currentColor"
Vous pouvez utiliser fill="currentColor".
<a href="#" style="color:red">
<svg fill="currentColor"> ...</svg>
</a>