Breaking News: Grepper is joining You.com. Read the official announcement!

how to change select box option hover background color .

Blushing Booby answered on December 20, 2021 Popularity 1/10 Helpfulness 1/10

answer how to change select box option hover background color .

related how to change option hover color

how to change select box option hover background color .

Comment

You can achieve your goal by using the bootstrap-select:

You will need the following CDN links:

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.7.5/css/bootstrap-select.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.4/js/bootstrap-select.min.js"></script>
The select list with the class selectpicker:

<select id="txtTitle" class="form-control selectpicker">
    <option selected disabled value="default">Please Select</option>
    <option value="Session">Session</option>
    <option value="Class">Class</option>
</select>
After this you can change/add the following properties of the CSS:

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #ffffff;
  background-color: #f3969a;
}

Popularity 1/10 Helpfulness 1/10 Language whatever

Source: Grepper

Tags: background-color box hover select whatever

Link to this answer
Share Copy Link

Contributed on Dec 20 2021

Blushing Booby

0 Answers Avg Quality 2/10

Closely Related Answers

how to change option hover color

Comment

<html>

<head>
  <style>
    option:hover {
      background-color: yellow;
    }
  </style>
</head>

<body>
  <select onfocus='this.size=10;' onblur='this.size=0;' onchange='this.size=1; this.blur();'>
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="opel">Opel</option>
    <option value="audi">Audi</option>
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="opel">Opel</option>
    <option value="audi">Audi</option>
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="opel">Opel</option>
    <option value="audi">Audi</option>
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="opel">Opel</option>
    <option value="audi">Audi</option>
  </select>

</body>

</html>

Popularity 10/10 Helpfulness 4/10 Language whatever

Source: stackoverflow.com

Tags: hover hove

Link to this answer
Share Copy Link

Contributed on Mar 04 2022

Sagar Rayhan

0 Answers Avg Quality 2/10

how to change select box option hover background color .

Contents

More Related Answers

how to change select box option hover background color .

Closely Related Answers

how to change option hover color

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.