Twitter引导.btn类：点击后按钮文字颜色变化

Question

我使用twitter引导.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

会不会加入以下解决这个问题？：

/* 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; 
} 

Answer 2

为了保持颜色后，点击你需要添加下面的CSS：

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

查找Bootply演示HERE

Answer 3

这是因为你的A:Visited风格正在覆盖默认的按钮文字风格;

将您的<a>标签包裹在另一个元素中并对其进行设计。 <p class="btn-link"><a class="btn">并在您的CSS中包含p.btn-link a:Visted { color:#fff }