Macの使い方講座：ホームページ更新その11（メニューやお問い合わせの色）

ホームページ更新その11（メニューやお問い合わせの色）

メニューの色の変更方法を変えました。

bootstrapのバージョンがv3.3.5でしたので、最新のbootstrapとは設定方法が違いました。
class=”navbar navbar-inverse”
で黒ベースの色にしました。

メニューの下にある黒線を消しました。

.navbar {
margin-bottom: 0;
}

に

border-bottom: 0;

を追加して

.navbar {
margin-bottom: 0;
border-bottom: 0;
}

にします。

お問い合わせの入力欄の枠などの色を変更しました。

お問い合わせの入力欄は、通常の文字を入力する欄、ドロップダウンリストから選択する欄、複数行文字を入力する欄と、様々です。
さらに、マウスカーソルが当たっていない時、当たっている時などの状態もあります。
それぞれに合わせた変更が必要です。

ドロップダウンに外枠の線が

select:focus {
outline: none;
border: solid 1px #ccc;
box-shadow: none;
}

の

border: solid 1px #ccc;

を削除して

select:focus {
outline: none;
box-shadow: none;
}

にします。

SAInoLESSON（サイのレッスン） Macの使い方講座、詳しい情報はこちら。