3

私は何かを達成するためにTwitterブートストラップと自分のCSSを使用しています。

私がやりたいのは、ユーザー名、パスワード、検索などのすべての入力フィールドを選択すると、境界線が青になり、黒に変更したいということです。

もう1つは、ナビゲーションバーの逆を使用していることです。ドロップダウンがあります。ドロップダウンをクリックして要素のリストにカーソルを合わせると、デフォルトでは青色になっています。私もそのホバーを黒い色に変えようとしています。どうすればこれを達成できますか？

今、これらは私が試したことです。firebug要素を使用して検査しようとしましたが、bootstrap.minファイルに常に何かが表示されます。しかし、ホバーに関連するものは何も見つかりません。移行に関連するかどうかはわかりませんが、移行に関することに関しては少し弱いです。私が行ったもう1つのことは、variables.lessファイルから値＃08cを＃000に編集してコンパイルし、変更された値を含むがデフォルトの色しか表示されないブートストラップファイルを取得したことです。

これらの効果を達成するのを手伝ってください。

ありがとうございました！

4

1 に答える 1

2

まず、どうしても必要な場合を除いて、ブートストラップスタイルシートを編集しないことをお勧めします。より良い方法は、独自のスタイルシートで特定のブートストラップクラスをオーバーライドすることです（スタイルシートがWebページによって最後にロードされたものであることを確認してください）。LESSを使用しているため、ブートストラップスタイルシートを独自のスタイルシートにインポートし、次のようなものを使用して単一のスタイルシートをロードすることもできます。@import "path/to/bootstrap.min.css"

ドロップダウンメニューの項目の色を変更するには、cssセレクターとして「element：hover」を使用します。ブートストラップでは、次のようになると思います。

.dropdown-menu > li > a:hover {
   /* styles */
}

フォームの「グロー」の色を変更することは、実際には境界線ではないため、もう少し複雑です。この効果についての簡単な記事をここでチェックすることをお勧めします： http：//www.scriptcult.com/subcategory_97/article_635-glow-on-focus-input-form-fields.html

このjsfiddleは、デフォルトのドロップダウンスタイルのオーバーライドと、上記の記事で説明した入力グローの両方を示しています。http: //jsfiddle.net/2UPan/3/

これがお役に立てば幸いです。

于 2012-12-07T04:08:00.823 に答える