40+ CSS Select Boxes - Free Code + Demos

Pure CSS select box without any JavaScript. When there is hover on an option the motion of icon inside option is decided by the direction of hover i.e up hover or down hover (Direction aware hover effect). Dribbble shot: https://dribbble.com/shots/5426513-Select-Box-Button-With-Direction...

Read More

Select Box without using JavaScript and native element

A creative way to style select drop downs with nothing but CSS. More details about this in our blog post https://fabriceleven.com/design/clever-way-to-change-the-drop-down-selector-arrow-icon/

A jQuery custom select.

Cusmont select, designed to change the typical style of the select in browsers, using js to display the list when it clicks, and scss, to give it style. The Attribute selected work good, test it. - Update - I added the select android style - Update - Fixed not call onchange event on the...

Read More

Built with TweenMax GSAP.

Select dropdown - styled and filterable using HTML, CSS and vanilla JS. Works using a input field to grab the value from the dropdown list.

This native css only placeholder select drop down allows us to take advantage of pseudo state on a select box. While there isn't a placeholder state we can use the :invalid pseudo and setting the placeholder to an invalid default. The first

Read More

Select input using radio inputs

Select input, only css

This still uses inputs to maintain the form submission variables, while relying primarily on css.

Custom select box Jquery Plugin by VJ

From it's Angular version : http://codepen.io/marcysutton/pen/azBoQZ To this jQuery version. I was too lazy to write vanilla, yeah, too lazy.

Cuteselect.js is an easy way to customize your select inputs.

Extractions des options d'un menu afin de pouvoir en customiser entièrement un nouveau. Le design est directement tiré du menu select du site http://flatuicolors.com.

So so very very basic custom select.

Proof of concept, for a multi select widget

This is a UI concept i have seen before but i felt there was a few things that could be done different. Ao here is my version of a Card Deck style dropdown, using CSS3 transitions and jQuery.

Select box (dropdown) styling in pure CSS. Works in every modern browser. Feel free to use this code. If you have any suggestions, please leave a comment.

This is just a simple jQuery-based select dropdown box that can be used in forms or anywhere else on your site. You can easily edit the CSS to match your site's theme or leave it as-is for a nice-looking dropdown that looks consistent in all browsers.

Select Box without using JavaScript and native element

Pure CSS select box without any JavaScript. When there is hover on an option the motion of icon inside option is decided by the direction of hover i.e up hover or down hover (Direction aware hover effect). Dribbble shot: https://dribbble.com/shots/5426513-Select-Box-Button-With-Direction...

Read More

The common select box can be styled with css while retaining accessibility.

Pure CSS select box without any JavaScript. When there is hover on an option the motion of icon inside option is decided by the direction of hover i.e up hover or down hover (Direction aware hover effect). Dribbble shot: https://dribbble.com/shots/5426513-Select-Box-Button-With-Direction...

Read More

Styling a select box with just CSS and Jquery. Note that the select box must be contained in a tag.