为什么CSS在离子头，离子工具栏和离子图标上不起作用？

Question

我创建了Ionic 4 angular应用程序，并在离子头，离子工具栏和离子图标上使用了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

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