悬停按钮时防止文本颜色发生变化答案

【问题标题】：Prevent text color to change when hover button悬停按钮时防止文本颜色发生变化
【发布时间】：2016-09-06 20:37:48
【问题描述】：

当用户将鼠标悬停在按钮上时，我试图阻止按钮文本改变颜色。

我正在使用 bootstrap 但不喜欢颜色，所以我只是使用相同的按钮但更改了颜色。

但是，与引导按钮不同，当我将鼠标悬停在按钮上时，文本会从白色变为黑色

以下是我所拥有的：

@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>

当它悬停并处于活动状态时，我该怎么做才能停止这样做？

谢谢

【问题讨论】：

标签： html css twitter-bootstrap

【解决方案1】：

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

只需要:hover 样式

【讨论】：

【解决方案2】：

您可以设置链接的所有“变量”。我在我的项目中使用它。

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

所以“链接”类将发挥所有魔力。我希望它对你有帮助。 :)

【讨论】：

【解决方案3】：

您需要指定一个规则来设置悬停时的文本颜色。这应该可以解决问题：

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

您可能需要更具体地使用您的选择器。

【讨论】：