覆盖引导样式不起作用

时间:2016-08-15 20:25:06

标签: html css twitter-bootstrap-3 overwrite

我有这种简单的情况,我有一个没有定义显示属性值的样式,我最近添加了bootstrap到我的项目没有重大问题,只有一个。

标签引导程序样式中定义了 display:inline-block; 我不需要的内容,并在我的页面上进行了一些故障排除。所以我只是覆盖它,但似乎它正在获得引导值。 !important 也不起作用。如下图所示: enter image description here

甚至,它在开发者工具上被标记为被覆盖。我还测试了从引导程序文件中删除该行并且它可以工作,但在我的情况下这不是可行的选项。 正如我所说,我被困在这里,没有更多的自助问题,而且以前没有这种情况。

我必须补充一点,我在页面上为样式表设置了正确的位置。

修改

当我删除引导程序样式时,我会附加结果和预期结果。它似乎工作甚至被覆盖。

删除引导程序样式时的预期结果(这适用于及时开发人员工具以及从bootstrap.css中删除时)enter image description here

PS:IE浏览器。

EDIT2:

问题解决了,它与IE版本有关,我们公司仅在此应用程序上支持IE,问题是之前的一些更改是迫使IE在版本5上运行兼容性,原因是有人知道,切换到IE作为标准,它正在发挥作用。

谢谢大家的任何想法或评论。

2 个答案:

答案 0 :(得分:0)

问题与IE兼容模式有关。

答案 1 :(得分:0)

这对我有用: 我的问题是我链接它的方式。

示例:让我们从供应商文件中说input标签继承的样式(比如bootstrap),并说你在项目中太过分了,而另一方面链接文件会搞乱你的布局,然后创建一个新的样式表并在引导链接之后链接它。

<link rel="stylesheet" href="styleSheet.css">
<link rel="stylesheet" href="bootstrapStyles.css">
<link rel="stylesheet" href="newStyleSheet.css"> // 为不希望继承引导样式的元素编写样式,并以这种方式链接它。

正确的做法:
<link rel="stylesheet" href="bootstrapStyles.css">
<link rel="stylesheet" href="styleSheet.css">