So ändern Sie die Hintergrundfarbe der Auswahlfeldoption
Beim Anpassen des Erscheinungsbilds eines
Gestaltung der Optionselemente
Um die Hintergrundfarbe von zu ändern Um die Optionen zu verwenden, wenden Sie die Eigenschaft „background-color“ auf die Optionselemente anstelle des Elements „select“ an:
select option {
margin: 40px;
background-color: #000;
color: #fff;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}Individuell anpassen Optionen
Um bestimmte Optionen eindeutig zu gestalten, verwenden Sie die Attributauswahl in CSS. Der folgende Code weist beispielsweise jeder Option basierend auf ihrem Wertattribut unterschiedliche Hintergrundfarben zu:
select option[value="1"] {
background-color: #646464;
}
select option[value="2"] {
background-color: #969696;
}
select option[value="3"] {
background-color: #C8C8C8;
}
select option[value="4"] {
background-color: #FAFAFA;
}Das obige ist der detaillierte Inhalt vonWie ändere ich die Hintergrundfarbe von Auswahlfeldoptionen in CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
