2016-04-28 150 views
0

我使用twitter引導.btn,.btn-success等類來設計網頁上的按鈕樣式。一切都很好。除了當我點擊按鈕時,按鈕的文本顏色會發生變化,直到我點擊頁面上的其他位置,它纔會回到原來的顏色。當我點擊按鈕時,我想要做的是避免最初的文本顏色變化。當我將鼠標懸停在它上面時改變顏色對我來說已經足夠了。這裏是按鈕的HTML代碼:Twitter引導.btn類:點擊後按鈕文字顏色變化

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

在此先感謝。

回答

0

會不會加入以下解決這個問題?:

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

爲了保持顏色後,點擊你需要添加下面的CSS:

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

查找Bootply演示HERE

1

這是因爲你的A:Visited風格正在覆蓋默認的按鈕文字風格;

將您的<a>標籤包裹在另一個元素中並對其進行設計。 <p class="btn-link"><a class="btn">並在您的CSS中包含p.btn-link a:Visted { color:#fff }

+0

試過這個,我沒有工作。 – arvind