Угловой 7 - Смена боковой панели и элемента z-index

Question

Я хочу изменить z-индекс боковой панели в своем веб-приложении Angular 7.Боковая панель создается с помощью ng-sidebar, а ее z-index по умолчанию - 9999999, как показано на рисунке ниже.На боковой панели у меня есть выпадающие окна jqwidget, которые имеют z-index 2000 по умолчанию . После прочтения нескольких сообщений SO и форумов с похожими проблемами, а также при попытке Inspect Element ,Кажется, проблема в том, что когда я нажимаю на выпадающий список, значения скрываются за боковой панелью из-за более низкого z-индекса.Я не могу переопределить z-index боковой панели или элемента dropdownbox, чтобы он был виден.

Как я могу это исправить?

Answer 1

Вы можете переопределить CSS в файле CSS, связанном с вашим компонентом.

.ng-sidebar {
     z-index: 1
}

Если это не сработает, увеличьте специфичность вашего селектора.