Catégories
Astuces et Design

Styles d'éléments de formulaire Chrome 83

Il y a eu quelques changements esthétiques à quoi ressemblent les éléments de forme à partir de Chrome 83. Tout ce qui a une colorisation dégradée a disparu (notamment l'extra-brillant des trucs). La cohérence à tous les niveaux est agréable, en particulier entre les entrées et les zones de texte. Pas un grand fan de la nouvelle ainsi que. L'ancienne version ressemblait à ceci et n'offrait aucun contrôle d'interface utilisateur:

Maintenant, nous obtenons cette bête avec des contrôles:

Il n'y a ni indicateur visuel ni bouton, mais vous pouvez faire défiler ces colonnes.

Reddit note qu'il utilise le même pseudo-élément que les sélecteurs de date, donc si vous voulez qu'il disparaisse, vous pouvez l'étendre à ces types d'entrées (ou non) et le supprimer.

input(type="time")::-webkit-calendar-picker-indicator {
  display: none;
}

J'appellerais cela une amélioration (j'aime les contrôles d'interface utilisateur pour les choses), mais cela continue de souligner la nécessité de pouvoir styliser ces choses, en particulier si l'objectif est que les gens les utilisent réellement et non (mal) les reconstruisent .

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *