Estilos de elementos de formulario de Chrome 83

Ha habido algunos cambios estéticos en el aspecto de los elementos de forma a partir de Chrome 83. Todo lo que tenía coloración degradada desapareció (en particular, las cosas extrabrillantes meter). La coherencia en todos los ámbitos es buena, particularmente entre entradas y áreas de texto. No soy un gran admirador del nuevo selectestilo, pero he oído que se han realizado muchas investigaciones sobre accesibilidad, por lo que es difícil quejarse al respecto; Además, siempre puedes cambiarlo.

Hakim tiene un bonito tweet comparativo:

Los nuevos estilos de formularios predeterminados de Chrome ya están disponibles pic.twitter.com/Pr6qi1LpPn

– Hakim El Hattab (@hakimel) 26 de mayo de 2020

Esto no va acompañado de nuevas formas estandarizadas de cambiar el aspecto de los elementos de formulario con CSS, aunque los navegadores son muy conscientes de ello y parecen acercarse cada vez más. Creo que este fue un paso en ese camino.

También veo que hay una novedad input type="time". La versión anterior tenía este aspecto y no ofrecía controles de interfaz de usuario:

Ahora tenemos esta bestia con controles:

Reddit señala que utiliza el mismo pseudoelemento que utilizan los selectores de fechas, por lo que si desea eliminarlo, puede limitarlo a este tipo de entradas (o no) y eliminarlo.

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

Lo llamaría una mejora (me gustan los controles de interfaz de usuario para las cosas), pero sigue destacando la necesidad de poder diseñar estas cosas, especialmente si el objetivo es que la gente realmente las usa y no (mal) reconstruirlas. .

SUSCRÍBETE A NUESTRO BOLETÍN 
No te pierdas de nuestro contenido ni de ninguna de nuestras guías para que puedas avanzar en los juegos que más te gustan.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Subir

Este sitio web utiliza cookies para mejorar tu experiencia mientras navegas por él. Este sitio web utiliza cookies para mejorar tu experiencia de usuario. Al continuar navegando, aceptas su uso. Mas informacion