Comment puis-je avoir une image SVG hériter de couleurs à partir d'un document HTML?
J'ai un tas d'images SVG que je veux intégrer dans une page HTML, qui est mise en forme avec CSS.
Je veux être en mesure d'avoir des éléments dans le SVG ont leur couleur héritées du parent de l'élément HTML de la couleur de l'attribut.
J'ai essayé de réglage style="stroke: none; fill: inherit"
mais cela ne fonctionne pas.
- Jetez un oeil à SVG paramètres: schepers.cc/w3c/svg/params/ref.html
- Votre question n'est pas clair sur la façon dont vous intégrez le svg fragments. Sonne un peu comme stackoverflow.com/questions/4906148/... bien que. De toute façon, si vos fragments en ligne dans le code html, puis le style comme dans votre exemple) devrait fonctionner.
Vous devez vous connecter pour publier un commentaire.
html utilise une couleur tandis que le SVG utilise de fond et de contour. Vous pouvez obtenir de remplissage ou le contour d'utiliser la valeur de la couleur d'une propriété CSS en utilisant la valeur currentColor par exemple, fill="currentColor"
Vous pouvez utiliser
fill="currentColor"
.