如何在 component.html 中删除 Bootstrap 默认正文样式答案

【问题标题】：How to remove Boostrap default body style in a component.html如何在 component.html 中删除 Bootstrap 默认正文样式
【发布时间】：2020-05-09 05:12:38
【问题描述】：

我有一个带有我自己的 css 的角度小部件指令。当我在另一个应用程序组件中添加我的小部件时，它会被 Bootstrap 默认 css/styles 覆盖。

这是我的 boostrap css

我的问题是如何在我的 compoent.css 中删除 font-family 我正在尝试覆盖，但它不起作用？

    body {

line-height: 1.15; 
}

我也尝试了 !important 如下，但仍然应用引导样式

body {
  font-family: "Open Sans", sans-serif !important;
}

【问题讨论】：

你的 css 应该在 bootstrap.css 之后加载...当你运行项目时 localhost:4200 CSS 文件的顺序是什么
@AkberIqbal，添加截图
你可能应用了 JS 过滤器...请将其更改为 CSS
未应用 js 过滤器。请告诉我该怎么做？
提供完整的 <head> 标签，您将在其中导入样式表和引导程序

标签： html css angular sass bootstrap-4

【解决方案1】：

在引导 CSS 之后插入您的 CSS。如果这不起作用用户 !important 覆盖你想要的样式。

示例：

body {
   font-family:none!important;
   line-height: 1.15!important;
}

【讨论】：

我尝试如下但仍然默认样式应用 body { font-family: "Open Sans", sans-serif !important; }
我已经更新了答案。您必须添加“font-family:none!important;”如果您想取消所有页面的该属性。