如何使用用户定义的样式覆盖默认Bootstrap.css样式

时间:2014-06-15 13:34:23

标签: css html5 twitter-bootstrap

我正在使用input-group input-group-lg类将样式添加到textarea

边框未应用于textarea

边框的默认值为0。 在bootstrap.css中,如果我们修改

.input-group .form-control:first-child{
    border:1;
}

然后我开始接壤了。如何将此样式应用于我项目中的my_styles.css

我粘贴在我的css文件中的选择器之上并且使用了!重要但也没有获得边框。

提前致谢。

2 个答案:

答案 0 :(得分:2)

你定义了border: 1,1是什么?一个苹果,一米,一个像素?

完整边框定义为border: 1px solid #000(宽度类型颜色),如果您只想更改边框宽度,请使用border-width: 1px;

答案 1 :(得分:2)

除非真的非常必须使用,否则请勿使用!important

要覆盖现有样式,请确保在引导程序之后加载CSS文件。然后,请确保您的规则至少与原始CSS文件中的特定,只有您可以覆盖它们。

这是一个比较特异性的好工具:http://specificity.keegan.st/

此外,请确保遵循每个CSS规则的正确语法。您显示的示例不是有效的CSS因此它不应该工作。请看@ panther的答案,以获得详细解释。