Exhibita

Casi toda página que vende algo tiene uno: la casilla en la que se hace clic para elegir una talla, un país, un día de entrega, y la lista corta que se despliega de ella. En el oficio se le llama select, por el elemento de HTML que lo genera. Hasta hace poco, un diseñador podía cambiar poco de él más allá del borde y el color del texto. La lista que se abría la dibujaba el sistema operativo del visitante, con su propia fuente y su propio color de resaltado, y solo podía contener palabras. Los sitios que querían un menú acorde al resto de la página construían uno falso con un script y casillas simples, y los falsos a menudo fallan a quienes usan teclado o lector de pantalla.

Eso ha cambiado en dos de los tres grandes navegadores. Chrome hizo el menú restilizable en la versión 135, en la primavera de 2025. Safari 27.0 hizo lo mismo el 17 de septiembre. Un diseñador lo activa con una línea de CSS, el lenguaje que define el aspecto de una página: appearance: base-select. A partir de ahí, cada parte puede estilizarse: la casilla, la lista, la pequeña flecha, la marca junto al elemento elegido. Cada opción puede ahora contener más que palabras, de modo que una tienda de pintura puede mostrar una muestra junto a cada color y un sitio de viajes una bandera junto a cada país. Como sigue siendo el menú real, continúa funcionando con el teclado, con lectores de pantalla y con formularios. El equipo de Safari lo planteó con claridad: “un menú desplegable totalmente personalizado que se ajuste al aspecto y la sensación de tu sitio web”.