如何在 PrimeNg 下拉列表中换行？

Question

如何在 PrimeNg 的下拉字段中换行超出宽度的文本？我试过使用.p-dropdown-label { word-wrap: break-word; }，但它什么也没做。提前致谢！

Answer 1

我设法通过将以下规则添加到styles.css 来做到这一点：

.p-dropdown-item.p-ripple {
  white-space: normal;
}

您也可以通过在组件样式表上使用 ng-deep 来获得相同的结果，但请记住，不推荐使用 ng-deep。

:host ::ng-deep .p-dropdown-item.p-ripple {
  white-space: normal;
}