title: Set mat-menu style
body: <p>Im having alot of trouble with this, and the apparent solutions aren't working or im doing something wrong (probably the latter).</p>
  
  <p>I want to style my <code>mat-menu</code> and the <code>mat-menu-item</code>'s, ive tried doing this:</p>
  
  <pre><code>::ng-deep .mat-menu{
    background-color:red;
  }
  </code></pre>
  
  <p>But it doesnt work, my menu looks like this (nothing abornomal)</p>
  
  <pre><code>&lt;mat-menu #infoMenu="matMenu"&gt;
    &lt;button mat-menu-item&gt;
      &lt;mat-icon&gt;dialpad&lt;/mat-icon&gt;
      &lt;span&gt;Resume&lt;/span&gt;
    &lt;/button&gt;
    &lt;button mat-menu-item&gt;
      &lt;mat-icon&gt;voicemail&lt;/mat-icon&gt;
      &lt;span&gt;Portfolio&lt;/span&gt;
    &lt;/button&gt;
    &lt;button mat-menu-item&gt;
      &lt;mat-icon&gt;notifications_off&lt;/mat-icon&gt;
      &lt;span&gt;References&lt;/span&gt;
    &lt;/button&gt;
    &lt;button mat-menu-item&gt;
      &lt;mat-icon&gt;notifications_off&lt;/mat-icon&gt;
      &lt;span&gt;Contact&lt;/span&gt;
    &lt;/button&gt;
  &lt;/mat-menu&gt;
  </code></pre>
  
  <p>I have also tried /deep/ but I know that shouldn't work and in fact should be depreciated in Angular 4 but I did it to test, I am not sure how to style the elements at this point.</p>