css - コントロール/入力から Bootstrap スタイルを削除

Question

Bootstrap には、HTML の入力/選択などの (非常に優れた) スタイル設定が含まれています。ただし、私が取り組んでいるプロジェクトでは、保持したいこれらの HTML 要素のスタイルが既に設定されています。

入力の Bootstrap スタイルをオフにする方法はありますか? おそらくある種のcssクラスで？または、それらを手動でオーバーライドする必要がありますか?

Answer 1

スタイルシートを含める順序が役立ちます。bootstrap.css の後に独自のスタイルシートを含めると、スタイルシートの要素がブートストラップの要素をオーバーライドします。

例えば、

<link href="/static/bootstrap/css/bootstrap.css" rel="stylesheet" media="screen">
<script src="/static/jquery.js"></script>
<script src="/static/bootstrap/js/bootstrap.min.js"></script>
<link type=text/css rel='stylesheet' href=/static/main.css><!-- custom stylesheet -->

たとえば、

main.cssが含まれている場合

body
{
    background-color:red;
}

そしてbootstrapp.css含む

body
{
    background-color:blue;
}

サイトはred背景付きになります。