覆盖 bootstrap 样式无效
Override bootstrap style not working
我有这种简单的情况,我有一个没有定义 display 属性 值的样式,我最近在我的项目中添加了 bootstrap 没有主要问题,只有一个。
在 label bootstrap 样式中定义了一个 display: inline-block; 我不需要的是在我的页面上导致一些故障排除。所以我简单地覆盖了它,但它似乎得到了 bootstrap 值。 !important 也不起作用。如下图所示:
甚至,它在开发者工具上被标记为被覆盖。我还测试了从 bootstrap 文件中删除该行并且它有效,但在我的情况下这不是可行的选择。
正如我所说,我被困在这里,bootstrap 没有更多问题,并且以前没有遇到过这种情况。
我必须补充一点,我正在为页面上的样式表设置正确的位置。
编辑:
当我删除 bootstrap 样式时,我将附上结果和预期结果。它似乎在工作即使它被覆盖了。
删除 bootstrap 样式时的预期结果(这适用于及时开发者工具以及从 bootstrap.css 中删除时)
PS: IE浏览器。
EDIT2:
问题已解决,与 IE 版本有关,我们公司仅在此应用程序上支持 IE,问题是之前的一些更改迫使 IE 运行 兼容版本 5,原因任何人都知道,切换到 IE 作为标准并且它正在工作。
谢谢大家的任何想法或评论。
问题与 IE 兼容模式有关。
这对我有用:
我的问题是我 link 编辑它的方式。
示例:假设 input
标记从供应商文件(例如 bootstrap)继承了样式,并假设您在项目中走得太远,而 link 文件则相反然后搞砸你的布局,在 bootstrap link.
之后创建一个新样式 sheet 和 link
<link rel="stylesheet" href="styleSheet.css">
<link rel="stylesheet" href="bootstrapStyles.css">
<link rel="stylesheet" href="newStyleSheet.css">
//为您不希望继承 bootstrap 样式的元素编写样式,link 以这种方式编写。
正确的做法:
<link rel="stylesheet" href="bootstrapStyles.css">
<link rel="stylesheet" href="styleSheet.css">
我有这种简单的情况,我有一个没有定义 display 属性 值的样式,我最近在我的项目中添加了 bootstrap 没有主要问题,只有一个。
在 label bootstrap 样式中定义了一个 display: inline-block; 我不需要的是在我的页面上导致一些故障排除。所以我简单地覆盖了它,但它似乎得到了 bootstrap 值。 !important 也不起作用。如下图所示:
甚至,它在开发者工具上被标记为被覆盖。我还测试了从 bootstrap 文件中删除该行并且它有效,但在我的情况下这不是可行的选择。 正如我所说,我被困在这里,bootstrap 没有更多问题,并且以前没有遇到过这种情况。
我必须补充一点,我正在为页面上的样式表设置正确的位置。
编辑:
当我删除 bootstrap 样式时,我将附上结果和预期结果。它似乎在工作即使它被覆盖了。
删除 bootstrap 样式时的预期结果(这适用于及时开发者工具以及从 bootstrap.css 中删除时)
PS: IE浏览器。
EDIT2:
问题已解决,与 IE 版本有关,我们公司仅在此应用程序上支持 IE,问题是之前的一些更改迫使 IE 运行 兼容版本 5,原因任何人都知道,切换到 IE 作为标准并且它正在工作。
谢谢大家的任何想法或评论。
问题与 IE 兼容模式有关。
这对我有用: 我的问题是我 link 编辑它的方式。
示例:假设 input
标记从供应商文件(例如 bootstrap)继承了样式,并假设您在项目中走得太远,而 link 文件则相反然后搞砸你的布局,在 bootstrap link.
<link rel="stylesheet" href="styleSheet.css">
<link rel="stylesheet" href="bootstrapStyles.css">
<link rel="stylesheet" href="newStyleSheet.css">
//为您不希望继承 bootstrap 样式的元素编写样式,link 以这种方式编写。
正确的做法:
<link rel="stylesheet" href="bootstrapStyles.css">
<link rel="stylesheet" href="styleSheet.css">