小编oka*_*ass的帖子

我有一个难题，我正在努力解决..当您将鼠标悬停在父div上时，试图同时更改多边形填充颜色和文本填充颜色。通过CSS可以吗？希望避免使用javascript，并使其跨浏览器兼容。

这里的Codepen示例：

http://codepen.io/okass/pen/OXAXkY

<svg viewBox="-1 -1 255 53"><a href="#">
<g id="cta-button">
  <polygon class="polygon-cta" points="252.72209 0 197.614579 51 0 51 0 0"></polygon>
  <text class="text-cta">
      <tspan x="22" y="34">Learn more</tspan>
  </text>
</g>
</a>

当您将鼠标悬停在＃cta-button上时，我无法弄清楚如何将文本填充更改为白色...当您将鼠标悬停在文本上时，它可以按预期工作，但是将鼠标悬停在多边形上时，文本将隐藏。