title: Difficulty styling width of matSelect
body: <p><a href="https://plnkr.co/edit/aUYfOBJ0MdywKW2pphOM?p=preview" rel="nofollow noreferrer">https://plnkr.co/edit/aUYfOBJ0MdywKW2pphOM?p=preview</a></p>
  
  <pre><code>&lt;md-select placeholder="food" style=""&gt;&lt;!-- no width stylings that work --&gt;
      &lt;md-option *ngFor="let food of foods" [value]="food.value"&gt;
          {{ food.viewValue }}
      &lt;/md-option&gt;
  &lt;/md-select&gt;
  </code></pre>
  
  <p>Please see above plunker. I am having a lot of difficulty styling the width of the md-select with placeholder of 'food' . Why can't I do a style="" in the md-select tag? I have tried targeting this same div with a class with no response. I have also tried using the .md-select-trigger class that is visible in F12 tools of chrome, firefox, and ie edge. Nothing. </p>
  
  <p>The only thing that works is deselecting the min-width or flex space-around of the .md-select-trigger class that is available in the tools area of browser.</p>
  
  <p>I am not sure what I am dealing with here. </p>