Question

我有一个带绿色文字的白色按钮。如何在悬停时将颜色翻转为我的跨度中带有白色文本的绿色按钮？

<a class="fusion-button button-flat button-round button-large button-custom button-1 button" target="_self" href="http://greenhousebuilders.co/about">
<span class="fusion-button-text">learn more</span>
</a>

代码看起来像这样，标签内有一个span。它是wordpress，所以我不能改变html，只是css。当a悬停在上面时，我希望跨度颜色发生变化。这可能吗？现在我只能在跨度悬停时改变跨度颜色。

Answer 1

试试这个

.fusion-button { 
  border: 1px solid black; 
  padding: 3px;
  color: green;
}


a:hover { background: green; }
a:hover span { color: white }

<a class="fusion-button button-flat button-round button-large button-custom button-1 button" target="_self" href="http://greenhousebuilders.co/about">
<span class="fusion-button-text">learn more</span>
</a>

如何在悬停时翻转按钮颜色？

1 个答案: