title: how can I apply css style to select focus?
body: <p>I have a select input field, I want to apply colors when the field is focus, but not working.</p>
  
  <p>I am trying to apply this css to an Angular component and it works for other input fields such as:</p>
  
  <pre><code>input[type='text']:focus{
  border-color:red;
  }
  </code></pre>
  
  <p>but the same does not work for select</p>
  
  <pre><code>select:focus{
  border-color:red;
  box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset, 0 0 8px #5e9b1f;
  outline: 0 none;
  }
  </code></pre>
  
  <p>select drop down should get border color just like text field does.</p>