Anpassen wählen Dropdown-Liste CSS

Question

Ich möchte die Dropdown-Liste eines Elements stylen. Ich weiß, wie ich den Dropdown-Container und den Pfeil anpassen kann, aber ich möchte den Hintergrund der Dropdown-Liste und die Farbe der Elemente anpassen können.

Answer 1

Sie zielen einfach auf option für jedes der Optionselemente. Beachten Sie, dass Sie auch auf select zielen müssen, um den Standard ausgewählten <option> zu stylen.

Betrachtet man option ist ein Kind von select, erbt die Regeln, und als solche können Sie einfach Ziel select.

Dann sind Sie auf der Suche nur für die background und color CSS-Eigenschaften.

select { 
 
    background: red; 
 
    color: cyan; 
 
}

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

Hoffnung, das hilft.