SVG對象從外部CSS改變顏色

Question

我正在玩SVGs（試圖用SVG替換圖標字體）。我得到它使用對象標記呈現圖像/ SVG。但是，我無法從CSS中改變顏色。假設，我更喜歡從CSS着色，在我用來嵌入SVG的時候有沒有辦法做到這一點。

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

CSS，我試過到目前爲止：

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

在sample.svg文件，我說，<?xml-stylesheet type="text/css" href="../css/styles.css"?>之前

Styles.css中被添加到該頁面。

謝謝！

Answer 1

據我所知，顏色SVG，CSS應爲背景stroke的邊框和fill：

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