如何悬停按钮颜色？

我有一个绿色文字的白色按钮。如何将颜色悬停在白色文字的绿色按钮上？如何悬停按钮颜色？

<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悬停时span颜色改变。这可能吗？现在我只能在跨度盘旋时获得跨度颜色。

来源

2017-01-30 danp

试试这个

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

来源

2017-01-30 17:04:40

如何悬停按钮颜色？

回答

相关问题