2014-05-23 118 views
4

有人可以告訴我如何在bootstrap中更改按鈕的顏色嗎?我有一組按鈕,只有點擊的按鈕應該改變它的顏色。謝謝。如何使用引導單擊時更改按鈕的顏色?

+1

你可以發佈一些代碼,所以我們至少可以知道你在使用什麼? – ashin999

+0

你點擊了什麼意思?你的意思是鼠標當前點擊的鏈接(活動)或之前被點擊過的鏈接(已訪問),或者你的意思是像JavaScript/jQuery點擊事件? – joshhunt

回答

4

如果給你一個簡單的JQuery函數,通過切換類來改變按鈕的顏色,不用發佈任何代碼,我現在可以爲你做的最好的代碼。

JS

// .btn is the class of the element you want to change color 
$(".btn").click(function() { 
    // Instead of directly editing CSS, toggle a class 
    $(this).toggleClass("clicked"); 
}); 

CSS

.btn { 
    background-color: red; 
} 

.clicked { 
    background-color: blue; 
} 

編輯:在引導預先定義爲ashin999說,你實際上已經類(你可能知道)更改按鈕風格。所以你可以切換其中的一個類而不是新的clicked類。

+1

你甚至不需要那樣做。由於他使用bootstrap,只需使用不同的btn css。因此,如果它是btn-default,removecss和addcss btn-success – ashin999

+1

沒錯,我添加了你所編輯的評論。 –

相關問題