title: Is it possible to css style select option on dropdown?
body: <p><img src="https://i.stack.imgur.com/RC90R.png" alt="enter image description here"></p>
  
  <p>I looked up this post on Stackoverflow forum.</p>
  
  <p><a href="https://stackoverflow.com/questions/8430279/how-to-style-the-option-with-only-css">How to style the &lt;option&gt; with only CSS?</a></p>
  
  <p>Many people claimed that this is not possible to achieve in CSS and there are a number of cross-browser compatibility issues.</p>
  
  <p>I tried to code my css for the above attached image(circled in red) using the following.</p>
  
  <pre><code>.hovercard-container .dropdownfield select option{
    background-color: #BDBEC1;
    border: 1px solid #000;
  }
  </code></pre>
  
  <p>But this doesnt work in Safari/Chrome/IE.  Only works in Firefox.</p>
  
  <p>Does anybody can the CSS styling still be achieved on dropdown for select option tags?  If not, are there any other methods that would allow me to style just like the image above?</p>