title: html dropdown option background color issue in chrome Browser
body: <p>I have web based application in MVC4 which having a drop down with 302 records.
  On drop down item selection I have set color like Gray.
  But that Gray color will spread in whole Drop down including option tag too.</p>
  
  <p>Here, is my css class</p>
  
  <pre><code>select
  {
      width: 100px;
      background-color: #717171;
      color: #fff;
  }
  .toolbar select &gt; option
  {
      background-color: #fff !important;
      color: #000;
  }
  
  .toolbarDropdownSelected
  {
      background-color: #8B5052 !important;
  }
  </code></pre>
  
  <p>Till, 300 records everything is look good in Chrome browser but if records are exceed than 300 then Gray color spread in whole Dropdown including options in case of Chrome Browser.</p>
  
  <p>In Firefox browser everything is look good if records are exceed than 300.</p>
  
  <p>I have attached screenshot. Please have a look.
  <a href="https://i.stack.imgur.com/spYR4.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/spYR4.png" alt="enter image description here"></a></p>
  
  <p>Expected result should be like below image which is result from Firefox
  <a href="https://i.stack.imgur.com/lqUZI.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/lqUZI.png" alt="enter image description here"></a></p>
  
  <p>Please check this link in Chrome Browser. I have version 44.0.2403.107 m of Chrome Browser <a href="https://jsfiddle.net/gk30zj0k/" rel="nofollow noreferrer">https://jsfiddle.net/gk30zj0k/</a> </p>
  
  <p>Please help.</p>