title: Angular - dropdown menu background color
body: <p>I have this code in <code>html</code> using <code>Angular</code>:</p>
  
  <pre><code>&lt;select name="singleSelect" ng-model="priority.APME" style="width:100%;" ng-change="changedValue(priority.APME,$index,priority)" &gt;
              &lt;option value="" selected&gt;Main Elements&lt;/option&gt;
              &lt;option ng-repeat="me in mainelements" value="{{$index}}" ng-disabled="me.optiondisable == true"&gt;{{me.Title}}&lt;/option&gt;
            &lt;/select&gt;
  </code></pre>
  
  <p>Now my client want to put different color for different options dynamically(option1 is green, option2 is red,...).</p>
  
  <p>I googled and test with some code:</p>
  
  <pre><code>&lt;option ng-repeat="me in main elements" style="background: #5456e3 !important;" value="{{$index}}" ng-disabled="me.optiondisable == true"&gt;{{me.Title}}&lt;/option&gt;
  </code></pre>
  
  <p>and </p>
  
  <pre><code>&lt;option ng-repeat="me in main elements" style="background-color: #5456e3 !important;" value="{{$index}}" ng-disabled="me.optiondisable == true"&gt;{{me.Title}}&lt;/option&gt;
  </code></pre>
  
  <p>Both of the above not working. How can I achieve that?</p>