使用CSS顏色SVG圖像

有沒有辦法將顏色應用於SVG圖像？不會沿着每條路線，每條路線和每條路線走下去嗎？使用CSS顏色SVG圖像

我想我的組SVG元素與

<g class="myImage">

，並在MYIMAGE類我把填寫：紅色，使之適用於該組中的所有元素，但不工作！

我該如何做到這一點，所以我只能應用一種顏色，它會轉到整個圖像或組中的元素？

--added代碼

這是我的SVG文件（這只是一個樣品，我知道圓重複3次）

<?xml version="1.0" standalone="no"?> 
<?xml-stylesheet href="../css/logo.css" type="text/css"?> 
<svg xmlns="http://www.w3.org/2000/svg" version="1.1"> 

<g class="logo"> 
    <circle cx="50%" cy="50%" r="35%"/> 
    <circle cx="50%" cy="50%" r="35%"/> 
    <circle cx="50%" cy="50%" r="35%"/> 
</g> 
</svg>

，並在我的logo.css文件我有一個類

.logo { 
    fill:red; 
}

希望這有助於

來源

2013-03-10 hyperexpert

*「我試圖將我的svg文件與......組合*」。不僅要告訴我們你已經嘗試了一些東西，還要展示你所嘗試過的東西。 – Zeta 2013-03-10 08:53:23

對不起，我最初的問題沒有發佈權利，我只是編輯它 – hyperexpert 2013-03-10 09:01:39

你正在嘗試應該工作。如果您將整個文件附加到問題中，我們可能會看到問題所在。 – 2013-03-10 10:36:12

你這樣做是正確的。填充應該從<g>元素繼承而來，所有的圓圈都將是紅色的，一個在另一個之上。 Firefox顯示一個巨大的紅色圓圈。

來源

2013-03-10 19:40:40

我只是再次檢查了我的設置，它工作，謝謝你的回覆 – hyperexpert 2013-03-10 20:22:03

使用CSS顏色SVG圖像

回答

相關問題