如何在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;
}