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!

css html webkit while select using this

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Comment gérer les chemins relatifs vers les images dans les fichiers JavaScript externes après le déploiement ?Article suivant：Comment gérer les chemins relatifs vers les images dans les fichiers JavaScript externes après le déploiement ?

Articles Liés

Voir plus

• Résumé de ce à quoi vous devez faire attention à propos de Border lors de l'écriture de CSS
• Comment réaliser une sélection multi-styles et un changement de styles en temps réel_Échange d'expérience
• Analyse détaillée de l'utilisation du chapiteau
• CSS标题线（删除线贯穿线效果）实现
• CSS3中优雅降级和渐进增强的区别

Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！

À propos de nousClause de non-responsabilitéSitemap

© php.cn All rights reserved