Trying to change the background color of the option on the drop-down select hover in HTML-CSS

  • Home / Blog / Trying to change…

Trying to change the background color of the option on the drop-down select hover in HTML-CSS

I’m trying to change the background color on the hover in select, I’ve tried many methods and it doesn’t change. I have done this in JS Fiddle. Really appreciate if you can help,

.selector {

  background-color: #252525;
  color: #fff;
  border: none;
  border: 1px solid #595E57;
  padding: 5px;
  width: 150px;
}

.selector option:hover{

  background-color: #1BA1E2 !important;
}
<select name=""  class="selector">
             <option value="">Select</option>
             <option value="">Select</option>
</select>

http://jsfiddle.net/7g8L4xud/

Write a Comment

Your email address will not be published. Required fields are marked *

x