[CSS] 通过CSS修改img引用的svg图片颜色

在实际开发中，面对img引入的svg图标无法直接修改颜色，可以利用filter属性设置指定颜色，生成指定颜色的新图标，然后用transform属性把原图标偏移，给父元素 overflow：hidden 隐藏原原图标。

.optionItem {
      overflow: hidden;
      &:hover,
      &.active span {
        color: #3a71ff;
        img {
          filter: drop-shadow(#3a71ff 100px 0);
          transform: translateX(-100px);
        }
      }
}

效果：

参考 修改svg图片颜色，动态改变svg图片颜色（以及切换主题时展示正常）