SVG-Objekt Farbe von externen CSS ändern

Question

Ich bin mit SVGs herumspielen (versucht, Icon-Schriftarten mit SVG zu ersetzen.) Ich habe es, um das Bild/SVG mit Objekt-Tag zu rendern. Ich kann jedoch nicht erreichen, dass die Farbe von CSS abweicht. Angenommen, ich bevorzuge es aus CSS einzufärben, gibt es eine Möglichkeit, das zu tun, während ich SVG einbettle.

<object class="partnerLogo" type="image/svg+xml" data="assets/logos/sample.svg"> 
      Your browser does not support SVG 
    </object> 

CSS, habe ich versucht, so weit:

.partnerLogo { 
    width: 100%; 
    height: 100px; 
    color: red; 
    color-fill: red; 
} 

In sample.svg Datei, fügte ich hinzu: <?xml-stylesheet type="text/css" href="../css/styles.css"?> kurz vor

styles.css auf der Seite hinzugefügt wird.

Danke!

Answer 1

Soweit ich weiß, Farbe in SVG-CSS sollte stroke für Grenzen und fill für Hintergründe sein:

.partnerLogo { 
    width: 100%; 
    height: 100px; 
    stroke: red; 
    fill: red; 
}