Question

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

我正在使用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>

如果在徘徊和活跃时停止这样做，我该怎么做？

由于

Answer 1

:hover

只需要{{1}}样式

Answer 2

您可以设置所有变量＆＃39;你的链接。我在我的项目中使用它。

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

所以＆＃39;链接＆＃39;上课将使所有的魔力。我希望它对你有所帮助。：）

Answer 3

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

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

您可能需要更加具体的选择器。

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

3 个答案: