2012-04-16 95 views
0

在Twitter Bootstrap中有一個可供選擇的按鈕(如下所示:http://twitter.github.com/bootstrap/components.html)。對於我們的項目,我們選擇使用未包含在默認設置中的黃色。一個簡單的事情,簡單地創建一個新的CSS類,其中包括我想要的顏色。但是,當按下按鈕時,背景顏色會返回到默認的灰色背景顏色,而不是像背景顏色那樣的顏色,如點擊其他按鈕時所看到的。在創建按鈕期間我錯過了什麼嗎?問題的自定義引導按鈕顏色背景錯誤onclick

例子(FF截取):

button example

+0

後您的按鈕的CSS。 – 2012-04-17 10:38:17

+0

下面的答案讓我解決了這個問題。我假設自舉代碼中的這個塊會處理它,但顯然不是: '.buttonBackground(@startColor,@endColor){ ... &:hover,&:active,&.active, &.disabled,&[disabled] { background-color:@endColor; } } ' – MrShmee 2012-04-17 15:41:22

回答

1

您需要指定新的色彩搭配:active僞選擇。當你按下一個按鈕時,它變爲「活動」,並且:主動選擇器開始演奏。當你釋放鼠標按鈕時,元素停止激活,元素樣式恢復正常。有點像:hover僞選擇器,當你將指針懸停在某物上時。

+0

謝謝拉爾斯。我不認爲我必須手動設置:active,因爲它已經在bootstrap代碼中處理過了,但顯然我是這樣做的。 – MrShmee 2012-04-17 15:14:08

0

我通過谷歌發現了這個問題。 推薦的文章,必須做一些幫助 http://rubysource.com/how-to-customize-twitter-bootstrap%E2%80%99s-design-in-a-rails-app/