title: Angular Material Select: change color of disabled option
body: <p>Using Angular/Material 6.2, cannot find the right CSS setting to override the color of a selected mat-option within a disabled mat-select:</p>
  
  <pre><code>&lt;mat-select [disabled]="true" [value]="option2"&gt;
    &lt;mat-option&gt;None&lt;/mat-option&gt;
    &lt;mat-option value="option1"&gt;Option 1&lt;/mat-option&gt;
    &lt;mat-option value="option2"&gt;Option 2&lt;/mat-option&gt;
    &lt;mat-option value="option3"&gt;Option 3&lt;/mat-option&gt;
  &lt;/mat-select&gt;
  </code></pre>
  
  <p>The following is not doing it in my app's styles.css (the default is too faded; I need it more emphasized in my app):</p>
  
  <pre><code>.mat-select-disabled, .mat-select-content, .mat-disabled, mat-select.mat-disabled {
    opacity: 1.0 !important;
    font-weight: bold !important;
    color: black !important;
  }
  </code></pre>
  
  <p>Search for workarounds yields several suggestions I can't get to work in this rapidly changing API. It's quite possible I'm css-ignorant, but I'm finding small styling changes harder than expected with Material.</p>