Select personalizável
Enfim poder estilizar um <select> com CSS. Parece trivial, mas elimina milhares de linhas de JavaScript crítico para acessibilidade de todo design system.
O motivo de nunca ter funcionado é que a lista suspensa é desenhada pelo sistema operacional, e não pelo motor de layout do navegador, ficando fora do alcance do CSS. A consequência é que todo mundo que queria um dropdown combinando com o próprio design construía um substituto com elementos div — e, com isso, tinha de refazer do zero a navegação por teclado, o suporte a leitores de tela, a integração com formulários e o comportamento em dispositivos móveis, o que quase nunca fica totalmente certo. O novo modelo permite que o elemento opte por appearance: base-select, depois do que o popup passa a ser nós DOM comuns que você pode estilizar, e as opções podem conter imagens e estrutura. A primeira implementação chegou no Chromium 135, em 2025.