Select nativo customizável traz modelo de interação único e reduz conflitos entre Mac e Windows
Aprofundamento CEVIU
Aprofundamento
O argumento do texto parte de um problema antigo: quando o design pede um dropdown com identidade visual própria, o nativo não dava conta e o time montava o componente com , , bastante JavaScript e ARIA. Dá para fazer isso de forma acessível, mas o comportamento vira o ponto fraco. Mac e Windows tratam o de jeitos diferentes, e quem reconstrói o controle precisa escolher um lado ou inventar uma mistura.
Na Mac, o menu precisa estar aberto para escolher, o botão fica coberto, a opção destacada não é a selecionada (exige clique ou botão explícito) e o menu é modal, com a página inerte até ser dispensado. No Windows, dá para selecionar sem abrir, o botão continua visível, a opção em foco já é a selecionada e o menu não é modal. Com appearance: base-select, a nova especificação redefine aparência e comportamento: menu aberto para escolher (Mac), botão visível com o menu aberto (Windows) e opção destacada sem seleção automática (Mac). O autor defende que, se ainda for preciso um componente próprio, ele siga esse modelo, mas que o melhor é nem construir um e deixar essas decisões com o navegador.
O que mudou
A cobertura do CEVIU vinha tratando do lado visual do tema. Em 16 de junho de 2026, o CEVIU noticiou que o Safari 17 trazia Customizable Select, com personalização total do nativo sem bibliotecas JavaScript ou soluções com . Em 26 e 27 de outubro de 2026, as matérias sobre como personalizar por completo os elementos select com CSS mostraram appearance: base-select e os pseudo-elementos do picker, com fallback utilizável em navegadores sem suporte. Em 29 de outubro de 2026, o CEVIU publicou o texto sobre selects que dizem algo ao usuário, com prévias e informações secundárias. A notícia de agora acrescenta a camada de comportamento: o ganho não é só estilo, é um modelo de interação único no lugar das convenções conflitantes de Mac e Windows.
Por que isso importa
Para quem desenvolve formulários, a leitura é que a pergunta deixa de ser como imitar o select nativo e passa a ser se ainda vale substituí-lo. Menos JavaScript e menos ARIA para manter tende a significar menos bugs de teclado e foco. Como a especificação ainda está em implantação nos navegadores, o fallback para o controle padrão segue relevante.
Linha do tempo
CEVIU noticia Customizable Select no Safari 17, com controle total do select nativo.
CEVIU explica como personalizar select com appearance: base-select e pseudo-elementos do picker.
Nova matéria reforça a estilização com base-select e o fallback em navegadores sem suporte.
CEVIU mostra selects personalizáveis com prévias e informações de contexto.
Select nativo customizável é apresentado como modelo de interação único, reduzindo conflitos entre Mac e Windows.
Perguntas frequentes
O que faz o appearance: base-select?
Ele redefine a aparência e também o comportamento do , permitindo estilização completa. O resultado é um modelo de interação que combina elementos do Mac e do Windows.
Quais são as diferenças de comportamento entre Mac e Windows no select?
Na Mac, o menu precisa estar aberto para escolher, cobre o botão, não seleciona ao focar e é modal. No Windows, dá para selecionar sem abrir, o botão fica visível, o foco seleciona e o menu não é modal.
Ainda vale construir um select próprio com div e ARIA?
Segundo o autor, o melhor caminho pode ser não construir substituto algum, já que agora é possível personalizar totalmente o nativo. Se for inevitável, ele recomenda seguir o modelo nativo único.
O que acontece em navegadores sem suporte?
Conforme a cobertura do CEVIU de 27 de outubro de 2026, o elemento continua se comportando como um controle comum, em versão padrão utilizável.
Fontes
- tempertemper.netfonte original
- Categoria
- CEVIU Web Dev
- Publicado
- 30 de outubro de 2026
- Editoria
- CEVIU Web Dev

