Angular 7-更改侧边栏和元素z-index

Question

我想在Angular 7 Web应用程序中更改侧边栏的z-index。边栏是使用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
}

如果这不起作用，请提高选择器的特异性。