Chrome envió primero elementos de selección personalizables y, a partir de Safari 27.1, el 23 de octubre, Apple se unió. Apariencia de escritura: la selección base en su CSS convierte el menú desplegable nativo en HTML al que realmente puede diseñar, mientras mantiene el comportamiento nativo para el teclado, los lectores de pantalla y todo lo demás que hizo que la selección fuera difícil en primer lugar.
La historia de soporte hoy
Los datos de Caniuse sitúan la personalización de selecciones en el 69,98 por ciento de los navegadores: Chrome, Safari y sus derivados la incluyen, Firefox aún no. Ésa es una característica degradante, no rota. Los usuarios de Firefox obtienen un menú desplegable nativo sencillo y que funciona perfectamente.
¿Qué puedes hacer ahora que no pudiste?
- Colores, bordes y estados reales dentro de la lista emergente, sin biblioteca desplegable.
- Una opción que muestra un pequeño icono al lado de su etiqueta.
- El argumento aún fuerte a favor de la semántica nativa: el manejo de entradas, el enfoque y el control de voz permanecen en manos del navegador, no en las de la biblioteca.
Una buena mejora progresiva es diseñar lo que el navegador ya ha hecho accesible. Eso es muy lindo.
Firefox aún no lo ha enviado, por lo que si su diseño no sobrevive a una reserva, mantenga la apariencia predeterminada hasta que lo haga. Una característica pequeña, útil para aproximadamente siete de cada diez lectores.