Wie kann ich die Hintergrundfarbe der Auswahlfeldoptionen ändern?

Hintergrundfarbe der Auswahlfeldoption ändern

Frage:

Ich muss den Hintergrund ändern Farbe der Auswahlfeldoptionen, wenn auf das Feld geklickt wird, und zeigt alle Optionen an. Wie kann ich das erreichen?

Antwort:

Hier ist der Code, den Sie ändern müssen:

select option {
  margin: 40px;
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}

Durch Anwenden der Eigenschaft „Hintergrundfarbe“. Wenn Sie anstelle des Auswahlelements die Optionselemente verwenden, können Sie die Hintergrundfarbe der Optionen ändern, wenn das Feld angezeigt wird angeklickt.

Styling einzelner Optionselemente:

Um jedes Optionselement unterschiedlich zu gestalten, können Sie die CSS-Attributauswahl verwenden oder jeder unterschiedliche Klassenattribute zuweisen. .

select option[value="1"] {
  background: rgba(100, 100, 100, 0.3);
}

select option[value="2"] {
  background: rgba(150, 150, 150, 0.3);
}

select option[value="3"] {
  background: rgba(200, 200, 200, 0.3);
}

select option[value="4"] {
  background: rgba(250, 250, 250, 0.3);
}

Das obige ist der detaillierte Inhalt vonWie kann ich die Hintergrundfarbe der Auswahlfeldoptionen ändern?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!