Puis-je changer la couleur de remplissage d'une svg de chemin avec CSS?

Question

J'ai le code suivant:

  <span>
     <svg height="32" version="1.1" width="32" xmlns="http://www.w3.org/2000/svg" style="overflow: hidden; position: relative; left: -0.0166626px; top: -0.983337px;">
        <desc></desc>
        <defs/>
        <path style="" fill="#333333" stroke="none" d="M15.985,5.972C8.422,5.972,2.289999999999999,10.049,2.289999999999999,15.078C2.289999999999999,17.955,4.302999999999999...............1,27.68,22.274Z"/>
      </svg>&nbsp;
  </span>

Est-il possible de changer la couleur de remplissage du SVG chemin avec CSS ou d'autres moyens qui ne comprennent pas réellement le changer à l'intérieur de la voie balise? Ici, je voudrais enlever le remplissage= et de le remplacer avec un CSS mais est-ce possible?

Answer 1

Oui, vous pouvez appliquer le style CSS au format SVG, mais vous avez besoin pour correspondre à l'élément, de même que lorsque le style HTML. Si vous voulez juste de l'appliquer à tous les chemins SVG, vous pouvez utiliser, par exemple:

​path {
    fill: blue;
}​

CSS externe apparaît pour remplacer le chemin d'accès de l' fill d'attribut, au moins dans WebKit et les navigateurs basés sur Gecko, j'ai testé. Bien sûr, si vous l'écrire, le dire, <path style="fill: green"> alors qui va l'emporter CSS externe.

Answer 2

si vous souhaitez changer de couleur en passant dans l'élément, essayez ceci:

path:hover{
  fill:red;
}