从控件/输入中删除Bootstrap样式

Question

Bootstrap包含一些（非常好的）HTML输入/选择/等样式。但是，对于我正在进行的项目，他们已经为这些要保留的HTML元素设置了样式。

我有办法关闭输入的Bootstrap样式吗？也许有某种css类？或者，我是否必须手动覆盖它们？

Answer 1

包含样式表的顺序可以帮到你。包含bootstrap.css后跟你自己的样式表会使样式表中的元素覆盖bootstrap中的元素。

例如，

<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。