title: How can I change the background color of option from select tag?
body: <p>I am trying to change the background colour for option from the select tag.</p>
  
  <p>I tried <code>select &gt; option</code> but it doesn't work.</p>
  
  <p>My code below:</p>
  
  <pre><code>select {
    width: 100%;
    height: 32px;
    background-image: url("images/2017_04_form_select.jpg");
    padding-right: 25px;
    /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -webkit-border-radius: 0;
    /* Firefox 1-3.6 */
    -moz-border-radius: 0;
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border-radius: 0;
    background-repeat: no-repeat;
    background-position: right center;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: 1px solid #bdb9bb;
    margin-bottom: 20px;
  }
  
  select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
  }
  
  select::-ms-expand {
    display: none;
  }
  
  select&gt;option {
    background: #e8e4e6;
  }
  </code></pre>