Comment puis-je styliser l'apparence d'un élément en utilisant uniquement CSS ?

Sélection de sélections stylisées avec CSS

Tout en essayant d'améliorer un élément avec un style utilisant le pseudo-élément ::after, un utilisateur a rencontré un problème inattendu. Le résultat souhaité était de diviser la zone de sélection en deux sections sans incorporer d'images. Malgré la définition du HTML et du CSS suivants :

<select name="">
  <option value="">Test</option>
</select>

select {
  -webkit-appearance: none;
  background: black;
  border: none;
  border-radius: 0;
  color: white;
}

select::after {
  content: " ";
  display: inline-block;
  width: 24px;
  height: 24px;
  background: blue;
}

le style n'a pas pu se matérialiser. L'enquête sur les spécifications du W3C n'a donné aucune clarté.

Les limites de l'approche

Après une analyse minutieuse, il a été déterminé que l'effet souhaité n'est actuellement pas réalisable en utilisant les spécifications spécifiées. méthode en raison de limitations intrinsèques. La façon dont les éléments sélectionnés sont rendus sur des systèmes d'exploitation spécifiques, plutôt que sur le moteur de rendu interne du navigateur, empêche la modification de leur apparence ou de leur comportement via CSS.

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!