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;
}