代码之家 › 专栏 › 技术社区 › rst

我的根组件的样式不应用于我的Angular应用程序

angular css

rst · 技术社区 · 6 年前

我试图将样式应用到我的应用程序根目录,但是它没有被应用,请考虑这个StabLabz示例。 https://stackblitz.com/edit/angular-zkmfcp

在我的应用程序组件中,我有

app-root {
  background: red;
}

这是从哪里来的,网站上的材料根此样式表中的组件

material-docs-app {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 56px;
  bottom: 0;
  left: 0;
  right: 0;
}

这基本上是一种 它本身

例如,将index.html更改为

<body>
  <div style="background:red;">
  <app-root></app-root>
  </div>
</body>

1 回复 | 直到 6 年前

Lia 6 年前

读这个 article

尝试:

:host {
 background-color: red;
}

app-root {
  background-color: red;
}

给你 src文件夹的文件。

推荐文章

Jamie · 在CSS链接的文件名中添加Jinja占位符

6 月前

Mass · 如何在Tailwind CSS v4中创建配置

6 月前

magenta placenta · 将css变量合并为一个变量

6 月前

ptownbro · 重叠分区标签,同时保持以下所有分区和内容就位

6 月前

Luke Frost IEng MIMechE · Bootstrap 5.3在Div中的项目位置没有如我所期望的那样显示

6 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

7 月前

john Rizzo · 按钮背景颜色、悬停和活动状态存在问题

7 月前

Ben Halicki · 带有垂直和水平滚动条的表,使用HTML/CSS/Bootstrap-5固定行和列

7 月前

Luckkks · 过渡色工作不正常

7 月前

ModernEraCaveman · 如何对齐我的Bootstrap容器以适应网页的整个宽度?

7 月前