如何懸停按鈕顏色？

我有一個綠色文字的白色按鈕。如何將顏色懸停在白色文字的綠色按鈕上？如何懸停按鈕顏色？

<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

如何懸停按鈕顏色？

回答

相關問題