我可以在 PrimeNG p 下拉菜单中编辑背景吗？

Question

在我的带有 PrimeNG 库的 Ng 应用程序中，我有以下标签

 <p-dropdown [options]="comboLine" [(ngModel)]="selectedComboLine" optionLabel="name" [showClear]="true"></p-dropdown>

对我来说绝对不可能更改组合的背景，因为 none 在 Google 中搜索已创建的解决方案并且此处有效。我尝试了所有方法但是：

我发现的许多解决方案都需要禁用封装（错误的方式，在任何情况下对我来说都是不可能的，因为如果我这样做，我会读到很多错误消息）。
许多其他解决方案引用了一个已弃用多年的旧 CSS 选择器。

Answer 1

能否请您尝试以下解决方案：

在您的 component.scss 或 component.css 文件中：

:host::ng-deep .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item,
body .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item-group {
    background: lightgreen;
}

你将得到的输出：

如果你想改变输入文本的背景颜色

:host::ng-deep .ui-inputtext {
    background: lightskyblue; //change color here 
}

如果很难使用 viewEncapsulation，那么 :host::ng-deep 将允许您覆盖样式。

希望对您有所帮助

我可以在 PrimeNG p 下拉菜单中编辑背景吗？

Can I edit the background in a PrimeNG p-dropdown?

primeng

angular