-1

enter image description here

Could you please let me know how to remove the background color of hover and change it into the some other color.

.drp-policydetails {
  border: 1px solid #dddddd;
  background-color: #ffffff;
}
<div className="form-group">
  <select className="form-control drp-policydetails">
    <option hidden>-- Select One --</option>
    <option>123456789</option>
    <option>789232323</option>
  </select>
</div>
epascarello
  • 204,599
  • 20
  • 195
  • 236
amitpowerpeace
  • 105
  • 1
  • 2
  • 5

1 Answers1

-1

In general, you can't. This element is rendered by the OS, not HTML. It cannot be styled via CSS. There are replacement plug-ins that look like a but are actually composed of regular HTML elements that CAN be styled.

Taken from: How to style the option of a html "select"?

Edit: (can be something to work with..) You can create custom select like here: https://www.w3schools.com/howto/howto_custom_select.asp The idea is hide the original select element and style it custom.

A. Meshu
  • 4,053
  • 2
  • 20
  • 34