Angular Строка меню PrimeNG: скрыть стрелки вниз по умолчанию рядом с заголовками меню

Question

Строка меню PrimeNG по умолчанию включает маленькую стрелку вниз рядом с каждым заголовком главного меню. Я хочу полностью удалить стрелки вниз из заголовка меню верхнего уровня. Вложенные подменю могут отображать стрелку вправо, чтобы показать, что подменю есть, и они могут оставаться. Вот несколько снимков экрана с панелью меню по умолчанию:

https://www.primefaces.org/primeng/showcase/# / menubar

Я могу легко изменить значки в пунктах меню, но не могу найти дескриптор для изменения / скрытия стрелок.

Я использую Angular CLI 9.1.8 и PrimeNG 9.1.0.

EDIT - StackBlitz не работает с PrimeNG из-за ошибки: ngcc failed to run on primeng@9.1.0.

Answer 1

, чтобы скрыть его в стиле. css измените его содержимое, например

.pi-caret-down::before{
   content: "";
}

проверьте в консоли разработчика, проверьте имя шрифта элемента, затем сделайте его перед css как content: "";