有人可以告訴我如何在bootstrap中更改按鈕的顏色嗎?我有一組按鈕,只有點擊的按鈕應該改變它的顏色。謝謝。如何使用引導單擊時更改按鈕的顏色?
4
A
回答
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
沒錯,我添加了你所編輯的評論。 –
相關問題
- 1. 單擊時更改按鈕顏色(多次單擊/顏色)
- 2. 更改引導按鈕的顏色
- 3. 更改引導按鈕的顏色
- 4. 如何在WP7中單擊時更改按鈕的顏色?
- 5. 如何更改顏色點擊按鈕?
- 6. 單擊按鈕時更改按鈕顏色
- 7. 當我使用引導時如何更改活動按鈕的背景顏色?
- 8. 單擊時如何更改按鈕的顏色,並在下次單擊時恢復爲默認顏色?
- 9. 單擊按鈕時更改按鈕文本帶引導程序
- 10. 使用單個圖像按下時更改按鈕的顏色
- 11. 如何更改按鈕的顏色單擊複選框
- 12. 如何更改按鈕單擊上的工具欄顏色?
- 13. 單擊編輯按鈕時更改單元格顏色
- 14. 使用引導程序更改按鈕顏色
- 15. twitter引導更改背景顏色的按鈕與下拉菜單上點擊
- 16. 更改點擊按鈕的顏色
- 17. 單擊按鈕時改變剩餘按鈕的顏色
- 18. 如何在點擊按鈕時更改矩形的顏色?
- 19. 離子 - 如何更改點擊時的按鈕顏色
- 20. 如何在Android中點擊時更改按鈕的顏色?
- 21. 單擊時更改按鈕的背景顏色
- 22. 單擊時更改按鈕的內容和顏色。
- 23. 基於散列值單擊時更改按鈕的顏色
- 24. 更改導航欄的按鈕顏色
- 25. 更改點擊的按鈕的顏色和關斷單擊
- 26. 更改按鈕點擊按鈕顏色暫時在C#
- 27. 點擊(Javascript)時如何更改按鈕顏色?
- 28. 如何在點擊切換按鈕時更改背景顏色?
- 29. 單擊時更改按鈕背景顏色
- 30. 單擊按鈕時更改背景顏色
你可以發佈一些代碼,所以我們至少可以知道你在使用什麼? – ashin999
你點擊了什麼意思?你的意思是鼠標當前點擊的鏈接(活動)或之前被點擊過的鏈接(已訪問),或者你的意思是像JavaScript/jQuery點擊事件? – joshhunt