为什么 css 不能在 ion-header、ion-toolbar 和 ion-icon 上工作？

Question

我正在创建 Ionic 4 angular 应用程序，并在 ion-header、ion-toolbar 和 ion-icon 上使用了 css 样式。 但是 css 没有按预期工作？

这是我的stackblitz代码

Answer 1

.ts 文件

您尚未包含 styleUrls，因此未应用样式

请加：

styleUrls: ['/home.css']

您的配置将如下所示：

@Component({
  selector: 'page-home',
  templateUrl: 'home.html',
  styleUrls: ['home.css']
})

Answer 2

正确使用样式 url 作为 styleUrls: ['/home.css']，您正在覆盖 ionic 的内置功能，并且模板中没有该样式文件的链接