2012-04-16 2 views
0

Twitter Bootstrapには、選択できるボタンがいくつかあります(ここでは)。私たちのプロジェクトでは、デフォルトセットに含まれていない黄色を使用することを選択しました。私が望む色を含む新しいCSSクラスを作成するだけの簡単なことです。しかし、ボタンを押すと、背景色は、クリック時の他のボタンと同様の背景色ではなく、デフォルトのグレーの背景色に戻ります。ボタンの作成中に何かを忘れましたか? (FFで撮影)問題のカスタムブートストラップボタンの色の背景が誤ったonclick

例:アクティブな擬似セレクター:

button example

+0

ポストを記事をお勧めしますあなたのボタンのCSS。 –

+0

下記の答えは私に問題を解決させました。私はブートストラップコードのこのブロックがそれを処理していると仮定していましたが、明らかにそうではないと思われました: '.buttonBackground(@startColor、@endColor){ ... &:ホバー、&:アクティブ、&.active、 &.disabled、&[disabled] { 背景色:@endColor; } } ' – MrShmee

答えて

1

あなたがあなたの新しい色を指定する必要があります。ボタンを押すと "アクティブ"になり、:アクティブなセレクターがキックになります。マウスボタンを放すと、要素はアクティブにならなくなり、要素のスタイルは元の状態に戻ります。ポインタを何かの上に置いたときに、:hover擬似セレクタのように並べ替えます。

+0

ありがとうございます。私は手作業で:activeを設定しなければならないとは思っていませんでした。それは既にブートストラップコードで処理されているからです。 – MrShmee

0

Googleでこの質問が見つかりました。 は、いくつかの助けを行う必要があります http://rubysource.com/how-to-customize-twitter-bootstrap%E2%80%99s-design-in-a-rails-app/、