How to change the select option background color

Question

How should I change the select option background color. I'm using bootstrap 4. ``

<div class="form-group ">
    <select class="form-control >
       <option  value="mechanical">Mechanical</option>
       <option  value="cs">Computer Science</option>
       <option  value="civil">Civil</option>
       <option  value="agricultural">Agricultural</option>
   </select>

``

Answer 1

Simply set the background via CSS.

select {
    background: red;
}

<div class="form-group ">
        <select class="form-control >
           <option  value="mechanical">Mechanical</option>
           <option  value="cs">Computer Science</option>
           <option  value="civil">Civil</option>
           <option  value="agricultural">Agricultural</option>
       </select>
    </div>