Styles d'élément de formulaire Chrome 83

La version Chrome 83 a apporté quelques ajustements aux effets visuels des éléments de forme. Tous les gradients ont disparu (en particulier Effet brillant supplémentaire de l'élément). La cohérence globale est améliorée, en particulier entre la zone d'entrée et le champ de texte. Bien que je ne sois pas trop froid dans le nouveau style, j'ai entendu dire que le changement intègre de nombreuses recherches sur l'accessibilité, il est donc difficile de vous en plaindre - et vous pouvez toujours le changer.

Hakim a publié un bon tweet de comparaison:

Le nouveau style de formulaire par défaut de Chrome a été publié? pic.twitter.com/pr6qi1lppn

- Hakim El Hattab (@hakimel) 26 mai 2020

Cela ne s'accompagne pas d'une nouvelle approche standardisée pour utiliser CSS pour modifier l'apparence des éléments de forme, bien que les fournisseurs de navigateurs soient très clairs à ce sujet et semblent se rapprocher de cet objectif. Je crois que c'est un pas dans cette direction.

J'en ai aussi remarqué un nouveau<input type="time"> élément. L'ancienne version ressemble à ceci et ne fournit aucun contrôle d'interface utilisateur:

Nous obtenons maintenant cette version améliorée avec les commandes:

Reddit souligne qu'il utilise le même pseudo-élément que le sélecteur de dattes, donc si vous souhaitez le supprimer, vous pouvez le portée à ces types d'entrées (ou pas limité), puis le supprimer.

 entrée [type = "time"] :: - webkit-calendar-picker-indicator {
  Affichage: aucun;
}

Je pense que c'est une amélioration (j'aime les éléments avec des contrôles de l'interface utilisateur), mais cela continue de mettre en évidence la nécessité de pouvoir coiffer ces éléments, surtout si l'objectif est d'amener les gens à les utiliser au lieu de les reconstruire (mal).

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!