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

【问题标题】：How do I flip button colors on hover?如何在悬停时翻转按钮颜色？
【发布时间】：2017-01-30 16:58:52
【问题描述】：

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

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

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

【问题讨论】：

标签： button hover

【解决方案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>

【讨论】：