内联svg到灰度

Question

我有一个内联svg。如何将其转换为灰度。谷歌搜索时，我遇到了一些答案，但没有一个有效。这是一个fiddle

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select multiple id="my-multiselect">
  <option value="1">One</option>
  <option value="2">Two</option>
  <option value="3">Three</option>
  <option value="4">Four</option>
  <option value="5">Five</option>
</select>

<button id="calculate">Calculate</button>

<p id="output"><p>

Answer 1

您的代码定位到课程.desaturate。

要么添加该类或从CSS中删除它，那么它可以正常工作：

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