CSS懸停 - 不工作

Question

This is the site

最後一節有一個按鈕 - 現在加入。

此刻懸停按鈕有 - 綠色背景和白色文本。我希望它是白色背景和綠色文字。

我試過這段代碼：

.joen_now_part h6 a:hover { 
    background-color: #fff; 
    color: #2a8a15; 

} 

但由於種種原因沒有什麼變化。

幫助和建議將不勝感激。

Answer 1

已經有應用等等一些類必須覆蓋類

這是默認類的應用

a:hover, a:focus, a:active { 
    background-color: #2a8a15; 
    color: #fff; 
} 

因此u必須添加此

.joen_now_part h6 a:hover { 
    background-color: #fff !important; 
    color: #2a8a15 !important; 

} 

爲reference

Answer 2

嘗試類似這樣的codepen

.yourButton { 
    background: transparent; 
    border: 2px solid #2a8a15; 
    padding-top: 10px; 
    padding-bottom: 10px; 
    padding-left: 20px; 
    padding-right: 20px; 
    text-transform: Uppercase; 
    color: #2a8a15; 
    font-family: 'Lato', sans-serif; 
    border-radius: 5px; 
    font-size: 16px; 
    cursor: pointer; 
} 

.yourButton:hover, yourButton:focus, yourButton:active { 
    background: #FFFFFF; 
    color: #2a8a15; 
}