字體顏色不會改變懸停

我有這樣的登錄按鈕，看起來像這樣：字體顏色不會改變懸停

現在，當我將鼠標懸停於它，它應該是這樣的：

我不能讓文字白當我將鼠標懸停在上面

我的代碼：

.button { 
 
\t border: 0px solid #011f4b; 
 
\t background: #011f4b; 
 
\t padding: 3px 21px; 
 
\t -webkit-border-radius: 16px; 
 
\t -moz-border-radius: 16px; 
 
\t border-radius: 16px; 
 
\t color: #ffffff; 
 
\t font-size: 12px; 
 
\t font-family: Questrial; 
 
\t text-decoration: none; 
 
\t vertical-align: middle; 
 
\t letter-spacing: 2px; 
 
    } 
 
    
 
    .button:hover { 
 
\t border: 0px solid #1292e1; 
 
\t background: #1292e1; 
 
\t color: white; 
 
    } 
 
    
 
    .button:active { 
 
\t background: #1292e1; 
 
\t color: #fff; 
 
    }

<a href='#' class='button'>Login</a>

來源

2017-10-04 Joe F

您將兩種顏色都設爲白色 –

@TemaniAfif你是什麼意思？ –

我的意思是你把白色和它是白色的...你的代碼中的問題在哪裏？ –

嘗試添加一個標籤在你的選擇，以避免conlict與其它CSS，你可能在你的網站：

a.button { 
 
    border: 0px solid #011f4b; 
 
    background: #011f4b; 
 
    padding: 3px 21px; 
 
    -webkit-border-radius: 16px; 
 
    -moz-border-radius: 16px; 
 
    border-radius: 16px; 
 
    color: #ffffff; 
 
    font-size: 12px; 
 
    font-family: Questrial; 
 
    text-decoration: none; 
 
    vertical-align: middle; 
 
    letter-spacing: 2px; 
 
} 
 

 
a.button:hover { 
 
    border: 0px solid #1292e1; 
 
    background: #1292e1; 
 
    color: white; 
 
} 
 

 
a.button:active { 
 
    background: #1292e1; 
 
    color: #fff; 
 
}

<a href='#' class='button'>Login</a>

你也可以考慮！重要強迫ke eping這樣的白色：

a.button:hover { 
     border: 0px solid #1292e1; 
     background: #1292e1; 
     color: white!important; 
    }

來源

2017-10-04 18:56:41

沒有工作：（（ –

你能夠顯示爲網站？ –

你可能會考慮在懸停部分添加**！重要的** –

嘗試添加！ !important如果有另一個css代碼將顏色設置爲另一個css代碼，將強制顏色變爲白色

來源

2017-10-04 19:04:54

字體顏色不會改變懸停

回答

相關問題