懸停按鈕時防止改變文本顏色

Question

我試圖在用戶將鼠標懸停在按鈕上時防止按鈕文本改變顏色。

我使用引導，但不喜歡顏色，所以我只是相同的按鈕，但改變顏色。

然而，不同於引導按鈕，當我將鼠標懸停在該按鈕，文本更改從白到黑

以下是我有：

@import 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css'; 
 
.btn-info1 { 
 
    color: white; 
 
    background-color: #004377; 
 
    border-color: #004377; 
 
    background-image: -webkit-linear-gradient(top, #004377 0, #004377 100%); 
 
    background-image: -linear-gradient(to bottom, #004377 0, #004377 100%); 
 
    background-repeat: repeat-x; 
 
    border-color: #00437; 
 
}

<a class="btn btn-info1 slideText" href="/index.cfm/finder/" role="button" style=" 
 
    ">Find Now</a>

什麼我可以做什麼來停止這樣做，當它被徘徊和活躍？

感謝

Answer 1

.btn-info1, .btn-info1:hover 
{ text-decoration: none; 
color: white; background-color: #004377; etc...} 

只需要:hover造型

Answer 2

您可以設置鏈接的所有 '變量'。我在我的項目中使用它。

.link, 
.link:hover, 
.link:active, 
.link:focus, 
.link:visited{ 
    /*Your code here, like:*/ 
    color: #FFF; 
} 

所以'鏈接'類將使所有的魔法。我希望它能幫助你。 :)

Answer 3

您需要指定一個規則來設置懸停時的文本顏色。這應該是訣竅：

.btn-info1:hover { 
    color: #fff; 
} 

您可能需要對您的選擇器更具體。