在Ionic 5中不使用行内样式不能设置ion-img的高度

Question

把我的Angular项目从Ionic 3更新到Ionic 5。

以前我在<ion-navbar>里面有一个<img>标志元素。我可以简单地应用一个.logoCSS选择器。

现在我正试图在<ion-toolbar>内的<ion-title>内实现同样的<ion-img>。

但是无论我怎么尝试，我都不能给ion-img元素添加CSS。它似乎也不接受任何CSS类。

已经尝试用:host {}包装CSS文件

Answer 1

原来样式根本不起作用。

添加/styles/styles.scss和@import 'src/app/app.component.scss';后，它开始工作。

还增加了

{
"input": "src/styles/styles.scss"
}

tostylesinangular.json.

样式化组件再次按预期工作。