Как переопределить стили наложения (.ui-widget-overlay), сгенерированного Primeng вне компонента? ⇐ Html

[Anonymous]

Мне нужно применить конкретную непрозрачность и цвет фона к компоненту P-Sidebar от Primeng. Я могу достичь этого во всем мире, добавив следующее в styles.scss: < /p>
body .ui-widget-overlay {
opacity: 0.5 !important;
background-color: #333 !important;
}
< /code>
Тем не менее, этот подход влияет на каждый P-сидебар в приложении, что я не хочу. Мне нужно применить эти стили только к конкретному компоненту.
Я уже пробовал несколько подходов, таких как:
Использование :: ng-deep для нацеливания наложения. /> Похоже, что всякий раз, когда я открываю P-Sidebar, новый Div с классом. Это делает невозможным для компонента непосредственно управлять или стилеть это наложение.>

Подробнее здесь: https://stackoverflow.com/questions/795 ... -primeng-o