28 Caixas de seleção CSS

Coleção de exemplos de código de caixa de seleção personalizada HTML e CSS gratuita: lista suspensa, múltipla, seta personalizada, etc. Atualização da coleção de junho de 2018. 4 novos itens.

1. jQuery Select Boxes
2. Bootstrap Multi Select Boxes

Sobre o código

Caixa de seleção personalizada

Estilo de lista suspensa da caixa de seleção personalizada.

Navegadores compatíveis : Chrome, Edge, Firefox, Opera, Safari

Responsivo: sim

Dependências: font-awesome.css

Sobre o código

Caixa de seleção de CSS puro com efeito de foco sensível à direção

Seleção de CSS puro caixa sem qualquer JavaScript. Quando há pairar sobre uma opção, o movimento do ícone dentro da opção é decidido pela direção do cursor, ou seja, para cima ou para baixo (efeito de foco ciente da direção).

Navegadores compatíveis: Chrome, Edge, Firefox, Opera , Safari

Responsivo: sim

Dependências: font-awesome.css

Sobre o código

Caixa de seleção Pure CSS

Caixa de seleção sem usar JavaScript e elemento nativo.

Navegadores compatíveis: Chrome , Edge, Firefox, Opera, Safari

Responsivo: sim

Dependências: –

Sobre o código

Caixa de seleção personalizada responsiva

Caixa de seleção personalizada responsiva com rolagem personalizada.

Sobre o código

Seleção de imagem

Seleção de imagem com carregamento falso.

Sobre o código

Materializar seleção

Materializar seleção de estilo JS.

Sobre o código

Wrapper de seleção personalizado

Wrapper de seleção CSS personalizado.

Seleção personalizada

Uma seleção personalizada de HTML, CSS e jQuery.
Feito por Alessandro Falchi em 5 de abril de 2017

Selecione uma opção personalizada n

Seleção personalizada, projetada para alterar o estilo típico da seleção em navegadores, usando JS para exibir a lista quando clica, e SCSS, para dar estilo. O Atributo selecionado funciona bem, teste-o.
Feito por Dany Santos em 8 de fevereiro de 2017

Menu suspenso de seleção de material design

menu suspenso de seleção de material design com HTML, CSS e JavaScript.
Feito por Sam Murphey
20 de janeiro de 2017

Selecionar opção de interação

Ótimo exemplo de animação limpa. Construído com TweenMax GSAP.
Feito por Bhakti Al Akbar
7 de dezembro de 2016

Caixas de seleção

Caixas de seleção com HTML, CSS e JS.
Feito por Nipun Paradkar em outubro 22, 2016

Lista suspensa de seleção com estilo e filtrável CSS

Selecione uma lista suspensa – com estilo e filtrável usando HTML, CSS e JS vanilla. Funciona usando um campo de entrada para obter o valor da lista suspensa.
Feito por Mari Johannessen
13 de outubro de 2016

Seleção somente CSS

Seleção somente CSS (rádio + caixa de seleção).
Feito por Aoyue em 24 de agosto de 2016

Caixa de seleção com espaço reservado

Caixa de seleção de HTML e CSS com espaço reservado.
Feito por James Nowland
16 de maio de 2016

Seleção somente CSS

Selecione a entrada usando entradas de rádio.
Feito por Nicolas Udy
9 de maio de 2016

Pure CSS Select

Selecione a entrada, apenas CSS.
Feito por Raúl Barrera
8 de abril de 2016

Pretty Select Dropdown

Esta imagem estática usa entradas para manter as variáveis de envio do formulário, embora confie principalmente em CSS.
Feito por j0be
15 de janeiro de 2016

Caixa de seleção personalizada

Caixa de seleção personalizada com jQuery.
Feito por Vijaya Kumar Vulchi
7 de janeiro de 2016

Seleção de material design

Material design selecione a versão jQuery.
Fabricado por LukyVJ
3 de janeiro de 2016

Seleção horizontal

Seleção horizontal simples.
Feito por Bharani em 23 de novembro de 2015

Sobre o código

Caixa de seleção de estilo com CSS

Uma forma criativa de selecionar menus suspensos com nada além de CSS.

Navegadores compatíveis: Chrome, Edge, Firefox, Opera, Safari

Responsivo: sim

Dependências: –

Seleção personalizada

Uma maneira fácil de personalizar suas entradas selecionadas.
Feito por Christophe CORBALAN
10 de setembro de 2015

Selecionar menu

Selecione o menu com HTML, CSS e JavaScript.
Feito por Pierre Laurent em 23 de junho de 2015

Seleção personalizada

Então, uma seleção personalizada muito básica.
Feito por Yusuf
1º de maio de 2015

Seleção personalizada

Seleção personalizada com animação.
Feito por Nikolay Talanov em 5 de setembro de 2014

Seletor

Prova de conceito, para um widget de seleção múltipla.
Feito por Benjamin
23 de maio de 2014

CSS3 C baralho suspenso

menu suspenso HTML, CSS e JS do baralho.
Feito por Tibor Katelbach
23 de julho de 2013