Bonjour,

J'ai un icone (une fichier svg) dont voici le code:

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" width="27" height="50" viewBox="0 0 27 50">
  <defs>
    <style>
      .cls-1 {
        fill: #575757;
        fill-rule: evenodd;
      }
    </style>
  </defs>
  <path d="M3.117,24.742 L27.004,48.452 L25.447,49.998 L1.559,26.289 L0.521,25.258 L0.002,24.742 L24.927,0.002 L26.485,1.548 L3.117,24.742 Z" class="cls-1"/>
</svg>
Je voudrais changer la couleur des lignes en blanc. Je sais que je peux changer directement la valeur de fill dans le fichier pour que ca marche mais j'aimerais le faire en jQuery.
J'avais donc penser avoir le code suivant:

en HTML:

Code : Sélectionner tout - Visualiser dans une fenêtre à part
<img src="images/icon/left_arrow.svg" class="svg-inject owl-carousel-nav-item"/>
en jQuery:

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
<script>
      $(document).ready(function() {
          $("svg-inject").find("style","cls-1").attr('fill', "white");
      }); 
    </script>
Mais la couleur ne change pas et je ne suis pas sûre de comment accéder à cette classe cls-1 ?

Merci pour votre aide.