title: How to change the color of first option in select using Bootstrap
body: <p>I am having a dropdown as</p>
  
  <pre><code>  @Html.DropDownListFor(model =&gt; model.Cntry
   (SelectList(ViewBag.Country), "--Select--", new { @class = "form-control input-sm" })
  </code></pre>
  
  <p>Here my requirement is I want the first option  --Select-- to be displayed as red in any case i.e; if it is selected or not while the rest should be grey color.However I managed to do something like...</p>
  
  <pre><code>select:first-child {
      color:red;
  }    
  option:first-child {
      color:red;
  }
  </code></pre>
  
  <p>and now the code aboveworks fine and when I change the option from select to another that value is grey in color but if I click anywhere on the screen that value changes it color to red which is not my requirement. I want only the --Select-- to be red while the other being grey in color either selected or not.</p>