Wie kann ich die Hintergrundfarbe der Option vom ausgewählten Tag ändern?

Question

Ich versuche, die Hintergrundfarbe für die Option aus dem Select-Tag zu ändern.

Ich versuchte select > option, aber es funktioniert nicht.

Mein Code unten:

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>option { 
    background: #e8e4e6; 
} 

Answer 1

Sie brauchen nur ein background-color für select option

select option { 
 
    background-color: red; 
 
}

<select> 
 
    <option>Option 1</option> 
 
    <option>Option 2</option> 
 
    <option>Option 3</option> 
 
</select>

Answer 2

Haben Sie gerade select.option versucht zu setzen?

Oder nur option?