Пользовательский цвет стиля для мат-меню в угловом материале ⇐ CSS

[Anonymous]

Я пытаюсь переопределить немного стиля Material2 в моем приложении Angular 2, и до сих пор я не могу заставить его работать. В частности, я хочу переопределить цвет фона для MD-Menu. Вот как выглядит мой HTML: < /p>


Option A
...

< /code>

И это то, что я пытался добавить в свой меньший /css: < /p>

md-menu.sub-drop-bg /deep/ {
background-color: #555 !important;
}
< /code>

Пока это, кажется, не имеет никакого эффекта. По умолчанию #fff < /code> фоновый цвет по-прежнему отображается на фоне MD-Menu. < /P>

в качестве дополнительной информации, когда я падаю и проверю элемент, я вижу Mat-Menu-content < /code> класс по умолчанию как оформлен с белым фоном, например: < /p>

.mat-menu-content {
background: #fff;
}
< /code>

Я попытался добавить этот класс в мой компонент CSS и используя его для переопределения фонового цвета, также безрезультатно. Если я «выбираю» этот цвет для этого класса в консоли моего браузера, цвет фона исчезает (становится прозрачным). Но, как я говорю, добавление этого класса и переопределение цвета в моем CSS не переопределяет белый цвет при перезарядке. < /P>

Как я могу сделать это только с CSS ?

Подробнее здесь: https://stackoverflow.com/questions/465 ... r-material