Inline svg to greyscale

Question

我有一個內聯的SVG。我怎樣才能將它轉換成灰度。雖然谷歌搜索我遇到了一些答案，但沒有一個工作。這裏是一個fiddle

.ab.desaturate{ 
    -webkit-filter: grayscale(1); 
    -webkit-filter: grayscale(100%); 
    filter: gray; 
    filter: grayscale(100%); 
    filter: url(desaturate.svg#d3); 
} 

Answer 1

您的代碼是針對類.desaturate。

要麼添加類或從CSS中刪除它，然後它工作得很好：

https://jsfiddle.net/Lkfyy23e/2/