初次使用SVG技术，遇到了一些问题 比如我使用一个类似下面的元素作为网页中的一个小图标：
<i class="icon-arrow"></i>
这个元素的样式是
.icon-arrow{
background:url(images/arrow.svg) no-repeat -8px -8px;
}
现在这个图标已经能正确显示，但是我现在想要让这个SVG图标的颜色发生改变或者产生模糊、阴影等滤镜效果应该怎么做？
初次使用SVG技术，遇到了一些问题 比如我使用一个类似下面的元素作为网页中的一个小图标：
<i class="icon-arrow"></i>
这个元素的样式是
.icon-arrow{
background:url(images/arrow.svg) no-repeat -8px -8px;
}
现在这个图标已经能正确显示，但是我现在想要让这个SVG图标的颜色发生改变或者产生模糊、阴影等滤镜效果应该怎么做？