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!
So konfigurieren Sie den virtuellen JSP-Speicherplatz
Prinzip der bidirektionalen Datenbindung
So überprüfen Sie gelöschte Anrufaufzeichnungen
Vergleichende Analyse von iqooneo8 und iqooneo9
So beheben Sie den Tomcat-Startabsturz
So gehen Sie mit blockierten Dateidownloads in Windows 10 um
So lösen Sie das Problem der langsamen Übertragung von Serverdomänennamen
Die heutige Toutiao-Goldmünze entspricht 1 Yuan
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
