使用內聯css更改SVG圖標顏色

我對SVG相當新，但是如何顯示SVG圖標並使用內聯CSS更改其顏色？例如，如果我想將example.svg的顏色更改爲＃FFF000，我該怎麼做？使用內聯css更改SVG圖標顏色

我試過在線搜索，但找不到任何東西。

2015-12-23 lancey

您需要使用svg的path的fill屬性。假設一個SVG html元素，用SVG元件本身上的類組：

.class-name path { 
    fill: red; 
}

EDIT下面是一個例子：https://jsfiddle.net/4447zb7o/

EDIT 2要設置的CSS內聯的，改變的style屬性SVG的內部的path元件：

<svg class="my-svg" height="210" width="400"> 
    <path style="fill: green" d="M150 0 L75 200 L225 200 Z" /> 
</svg>

2015-12-23 20:12:04 collinksmith

svg元素可以是img標籤內？例如： .test path { fill：red; } – lancey

你撥弄鏈接去撥弄的家... –

@lancey如果SVG是一個img或物體或iframe標籤裏面，那麼你就不能使用CSS實現它，因爲它是另一種文檔/文件/ URI –

回答