在使用一些第三方的组件的时候,要修改组件的样式。
这种情况下使用:
:host ::ng-deep .className{
新的样式......
}
// 修改自定义第三方样式
:host ::ng-deep .am-list-line {
font-size: 20px;
.am-input-label {
font-size: 20px !important;
}
}
这样的方式就可以方便的修改样式了。
:host 表示选择器,选择当前的组件。
::ng-deep 可以忽略中间className的嵌套层级关系。直接找到你要修改的className。