Ориентация на элемент Shadow DOM без нарушения прямой совместимости

Я пытаюсь настроить таргетинг на элемент Angular Shadow DOM, созданный мат-меню, например:

$google: #133700

.mat-menu-content {
    background-color: $google;
}

Однако это не работает. Мне сказали, что селектор /deep CSS может помочь с этим (это просто случай добавления селектора /deep/ к вышеизложенному?), но /deep/ устарел до такой степени, что к тому времени, когда программное обеспечение будет готово, оно уже может быть несовместимо с современные браузеры, поэтому на данный момент это не совсем подходящее решение. Может ли кто-нибудь предложить альтернативный способ нацеливания на элемент Shadow DOM в Angular?


angular css dom css-selectors shadow-dom
person user9469782    schedule 09.03.2018    source источник

Ответы (1)


arrow_upward
0
arrow_downward

/deep/ устаревает в стандартах CSS. Эквивалент Angular — ::ng-deep. Пробьет эмулируемую инкапсуляцию (но не нативную, конечно).

::ng-deep .mat-menu-content {
    background-color: $google;
}
person Lazar Ljubenović    schedule 09.03.2018