How to change the text color in a Materializecss select dropdown?
<p>I have a Materializecss dropdown select like this: </p>

<pre><code>      &lt;form class="col s12"&gt;
        &lt;select id="something" [ngModel]="_model.selectedPartyType"
            (ngModelChange)="onSelectChange($event)" name="partyTypeSelection"
            materialize="material_select" class="input-field col s12 m12 l4"
            &gt;
           &lt;optgroup *ngFor="let data of _model.codeTable.codeTokensG" [label]="data[0]"&gt;
             &lt;option *ngFor="let cValue of data[1]" [value]="cValue"&gt;
               {{_model.codeTable.getCode(cValue).description}}
        &lt;/   option&gt;
           &lt;/optgroup&gt;
       &lt;/select&gt;
      &lt;/form&gt;
</code></pre>

<p>how do I change the default teal color for the option text? I have tried adding</p>

<pre><code>.dropdown-content li&gt;span {
  color: #000 !important;
}

.dropdown-content li&gt;a {
  color: #000 !important;
}

.select-content li&gt;span {
  color: #000 !important;
}

.select-content li&gt;a {
  color: #000 !important;
}
</code></pre>

<p>to my css file, but no luck with this and variants. If I deselect the color attribute in Chrome Developer Tools for the </p>

<pre><code>.dropdown-content li&gt;span
</code></pre>

<p>is does as I wish.</p>

<p>How can I change the color?</p>