我想根据组件级别而不是整个应用程序覆盖 primeng 组件的样式。要么我必须改变 main 中的样式theme.css
文件或内联样式,但似乎内联有时无法按预期工作。例如,我必须使用
<p-dropdown [options]="cities" formControlName="selectedCity"></p-dropdown>
我必须改变课堂风格ui-dropdown-item
根据文档的类名。
我需要具有两种不同样式的相同组件,执行此操作的正确方法是什么?
Since >>>
已弃用必须使用::ng-deep
反而。
和material2 v6
and primeng v5.2.*
:host {
::ng-deep .prime-slider-override {
background-color: #26A3D1;
background-image:none;
border:none;
color:white;
.ui-slider-range {
background: red;
}
}
}
<p-slider [(ngModel)]="rangeValues"
styleClass="prime-slider-override"></p-slider>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)