为什么CSS类在离子工具栏中不起作用？

Question

我正在创建Ionic 4 Angular应用程序，并创建标题部分。在标题部分中，我正在使用ion-toolbar。当我已经在ion-icon中使用css类测试但css类无法正常工作时。链接。

my ion-toolbar example, see home page

Answer 1

您必须为页面设置正确的CSS文件。 例如在home.ts中，将@Component块更改为以下内容，它将正常工作

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

Answer 2

使用此styleUrls：['/home.css']