title: How to change the background color of dropdown list in select tag?
body: <p>I am working on a website in which I am fetching the data from the database 
  by using the following php code:</p>
  
  <pre><code>&lt;select class="form-control" id="mySelect" name="mySelect"&gt;
          &lt;?php
          foreach($data['hellos'] as $hello) {
              echo '&lt;option value="'.$hello-&gt;hello_id.'"&gt;'.$hello-&gt;name.'&lt;/option&gt;';
          }
          ?&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>In the above php code, <strong>hellos</strong> is the table name and <strong>name</strong> is the name of column present in that table. The <strong>name column</strong> has around 10-15 elements.</p>
  
  <p><br></p>
  
  <p>The above PHP is creating a dropdown (<strong>it is just a snippet, it has around 10-15 elements as stated above</strong>) at the front-end as shown below:</p>
  
  <p><a href="https://i.stack.imgur.com/K5TnE.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/K5TnE.jpg" alt="enter image description here"></a></p>
  
  <p><br></p>
  
  <p><strong>Problem Statement:</strong></p>
  
  <p>I am wondering what CSS codes I need to add so that I can change the <strong>background color having those 2 elements (Homes and Entertainment) as shown in the image above</strong>. </p>
  
  <p>The CSS code which I have used in order to change the background color is:</p>
  
  <pre><code>select option {
      background: white;
  }
  </code></pre>