為什么 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 的內置功能，並且模板中沒有該樣式文件的鏈接