SVG的某些部分在悬停时不会改变颜色？

Question

我已经为SVG对象设置了一个简单的颜色变换悬停，但是，SVG的中心部分在悬停时不会改变颜色，只有SVG的外部部分会发生变化。有任何建议或线索让整个SVG在悬停时改变颜色吗？

我还在这里设置了CodePen：http://codepen.io/codebuddy/pen/HlmuE

提前感谢您的帮助！

Answer 1

您可以为polygon箭头元素指定一个类（.inner_arrow），然后使用以下内容：

Updated Example

.arrow, .arrow-group path,
.inner_arrow {
  transition: all 1s;
}
.arrow:hover .arrow-group path,
.arrow:hover .inner_arrow {
  fill: red;
}