Comment puis-je modifier la couleur d'arrière-plan des options de la zone de sélection ?

Modifier la couleur d'arrière-plan de l'option de boîte de sélection

Question :

Je dois changer l'arrière-plan couleur des options de la boîte de sélection lorsque la boîte est cliquée et affiche toutes les options. Comment puis-je y parvenir ?

Réponse :

Voici le code que vous devez modifier :

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

En appliquant la propriété background-color aux éléments d'option au lieu de l'élément select, vous pouvez changer la couleur d'arrière-plan des options lorsque la boîte est cliqué.

Style des éléments d'option individuels :

Pour styliser chaque élément d'option différemment, vous pouvez utiliser le sélecteur d'attribut CSS ou attribuer différents attributs de classe à chaque .

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);
}

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!