我是Angular 2 Material的新手,我正在尝试自定义md-menu组件的样式.
<md-icon class="material-icons" [mdMenuTriggerFor]="menu">dehaze</md-icon>
<md-menu #menu="mdMenu" [overlapTrigger]="false">
<button md-menu-item>Item 1</button>
<button md-menu-item>Item 2</button>
</md-menu>
预定义的样式设置工作正常(例如将菜单设置为非重叠),但我想将md菜单设置为100%宽度并在md-icon按钮之间留出一点空间,这会扩展菜单,我不能使用Angular 2 Material的预定义指令.
到目前为止,我找到了使用/ deep/css命令的解决方案,但我读到主要浏览器不再支持该命令.
定制Angular 2 Material组件的好方法是什么？我怎样才能设置我的md菜单样式,以便它具有100%的宽度和扩展按钮之间的一些空间？
为了说明我在说什么: 菜单草稿
