Maison >interface Web >tutoriel CSS >Comment changer la couleur d'arrière-plan des options de la zone de sélection en CSS ?
Comment changer la couleur d'arrière-plan des options de la zone de sélection en CSS ?
- DDDoriginal
- 2024-12-18 11:54:11645parcourir
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
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!