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

Question

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

Here is my stackblitz code

Answer 1

ts 文件

您没有包含 styleUrls，因此没有应用样式

请补充：

styleUrls: ['/home.css']

您的配置将如下所示：

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

Answer 2

正确使用风格url styleUrls: ['/home.css'], 您正在覆盖 ionic 的内置功能，并且模板

中没有该样式文件的 link