title: Angular Material Default CSS Change ( md-select )
body: <p>I'm interested in changing the default material blue color to say "green" in dropdown box. I am not able to find the div class responsible for this transition, any help much appreciated. </p>
  
  <p><a href="https://material.angularjs.org/1.0.2/demo/select" rel="nofollow noreferrer">DEMO</a> from materials Website </p>
  
  <ol>
  <li>Changing the border-bottom-color of the underline upon touch.
  <a href="https://i.stack.imgur.com/dPfcq.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/dPfcq.png" alt="enter image description here"></a></li>
  <li>Changing the border-bottom-color when the saved option is touched. 
  <a href="https://i.stack.imgur.com/aeuj6.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/aeuj6.png" alt="enter image description here"></a></li>
  <li>Changing the color when dropdown is populated with saved data.<br>
  <a href="https://i.stack.imgur.com/0As4s.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/0As4s.png" alt="enter image description here"></a></li>
  </ol>
  
  <p>I was able to change the CSS element for form labels but md-select is being a nightmare. below snipped would change all the element color to defined one without default color transition ( black to blue ). </p>
  
  <pre><code>.md-text.ng-binding{
      color: orangered;
  } 
  </code></pre>