作者:余杰20 | 来源:互联网 | 2023-10-16 18:16
我找不到适合Ionic4 + Angular8项目的:host选择器。
我必须摆脱填充属性。在Ionic Framework中,有一个特殊属性“ --padding-top”。我需要将class =“ toolbar-container”的值从3px更改为0。谢谢您。
这是我的
HTML:
#shadow-root (open)
CSS:
:host {
--padding-top: 3px;
--padding-bottom: 3px;
}
这是我的尝试:
1.我将其放在SCSS文件的根目录中。
:host(.toolbar-container) {
--padding-top:0;
--padding-bottom:0
padding:0 // just to check
}
- 具有继承性:
ion-header {
ion-toolbar{
:host(.toolbar-container) {
--padding-top:0;
--padding-bottom:0
padding:0
}
}
}