Heim >Web-Frontend >CSS-Tutorial >Wie ändere ich die Hintergrundfarbe von Auswahlfeldoptionen in CSS?
Wie ändere ich die Hintergrundfarbe von Auswahlfeldoptionen in CSS?
- DDDOriginal
- 2024-12-18 11:54:11648Durchsuche
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!