Pourquoi CSS `::after` ne stylise-t-il pas mon élément `` dans WebKit ?

Style avec CSS :après le pseudo-élément dans WebKit

Dans le but d'améliorer l'esthétique d'un élément sans recourir aux images, les HTML et CSS suivants ont été implémentés :

HTML :

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

CSS :

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

Cependant, le résultat attendu d'un partage l'utilisation du pseudo-élément ::after n'a pas réussi à se matérialiser. Bien que les spécifications CSS ne fournissent aucun aperçu de ce scénario spécifique, une enquête plus approfondie suggère que le comportement observé peut être inhérent à la façon dont les éléments sont gérés par le système d'exploitation, remplaçant le style appliqué 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!