繁体   English   中英

覆盖引导程序样式不起作用

[英]Override bootstrap style not working

我有一个简单的情况,我有一个没有定义的显示属性值的样式,我最近在我的项目中添加了引导程序,没有大的问题,只是一个。

标签引导样式中定义了一个显示:inline-block; 我不需要的内容,并在我的页面上造成了一些故障排除。 因此,我简单地覆盖了它,但是似乎它正在获得bootstrap值。 !important也无法正常工作。 如下图所示: 在此处输入图片说明

甚至,它在开发人员工具上被标记为已覆盖。 我还测试了从引导文件中删除该行,它可以工作,但是在我的情况下,这不是可行的选择。 就像我说的,我被困在这里,引导程序不再有问题,而且以前也没有这种情况。

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

编辑:

删除引导程序样式时,将附加结果和预期结果。 即使被覆盖,它似乎也能正常工作。

删除引导样式时的预期结果(这适用于及时的Developer工具以及从bootstrap.css中删除时) 在此处输入图片说明

PS:IE根据需要是浏览器。

EDIT2:

问题已解决,与IE版本有关,我们公司仅在此应用程序上支持IE,问题是以前的某些更改迫使IE在版本5上运行兼容性,原因是任何人都知道,因此改用IE作为标准它正在工作。

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

问题与IE兼容模式有关。

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

示例:假设input标签是从供应商文件继承的样式(例如bootstrap),并说您在项目中太远了,并且以相反的方式链接文件,从而破坏了布局,然后创建一个新的样式表并在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">

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM