Comment changer la couleur d'arrière-plan des options de la zone de sélection en CSS ?

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

Lors de la personnalisation de l'apparence d'un élément élément, il est important de noter que le style des éléments d'option est crucial pour modifier l'apparence des options disponibles.

Styliser les éléments d'option

Pour modifier la couleur d'arrière-plan de les options, appliquez la propriété background-color aux éléments option au lieu de l'élément select :

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

Personnalisation individuelle Options

Pour styliser des options spécifiques de manière unique, utilisez le sélecteur d'attribut en CSS. Par exemple, le code suivant attribue différentes couleurs d'arrière-plan à chaque option en fonction de son attribut de valeur :

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

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!