ホバーでボタンの色を反転させるにはどうすればいいですか？

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> 

このコードは、タグ内のスパンでこのように見えます。それはワードプレスなので、htmlを変更することはできません。ちょうどcssです。私はスパンの色が変更されることを望むときに、これは可能ですか？今は、スパンを上に置いたときにのみ、スパンの色を変えることができます。

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>

をお試しください