Twitter bootstrap .btn类：单击后按钮文本颜色更改

Question

我正在使用twitter bootstrap .btn，.btn-success等类来设置网页上按钮的样式。一切都很好。除非我单击按钮，按钮的文本颜色会发生变化，直到我点击页面上的其他位置才会恢复原始颜色。我想要做的是当我点击按钮时避免初始文本颜色更改。当我将鼠标悬停在它上面时改变颜色对我来说已经足够了。这是按钮的html代码：

<a ui-sref="login" style="outline:none; text-decoration:none; box-shadow:none" class="btn btn-primary btn-outline btn-success btn-tadaa-logout" ng-if="!session.authenticated">Log ind</a>

提前致谢。

Answer 1

要在点击后保留颜色，您需要添加以下css：

.btn:focus, .btn-success:focus{
      background:#449D44;
    }

查找Bootply演示HERE

Answer 2

这是因为您的A:Visited样式会覆盖默认的按钮文字样式;

将您的<a>标记包装在另一个元素中并设置其样式，例如<p class="btn-link"><a class="btn">并在您的CSS中加入p.btn-link a:Visted { color:#fff }

Answer 3

不会添加以下内容解决问题吗？：

/* unvisited link */
a:link {
    color: red;
}

/* visited link */
a:visited {
    color: green;
}

/* mouse over link */
a:hover {
    color: hotpink;
}

/* selected link */
a:active {
    color: blue;
}