Custom Select Field Styling With Only Css

Demo of how to create a cross-browser custom styled select.

Made with: HTML,CSS (SCSS)

View Code

Css Only Dropdown

Made with: HTML,CSS

View Code

Select (Placeholder Disabled)

Made with: HTML (Pug),CSS (Stylus)

View Code

Custom Select Box

Custom select box dropdown styling.

Made with: HTML,CSS

View Code

Pure Css Select Box With Direction Aware Hover Effect

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).

Made with: HTML,CSS

View Code

Responsive Custom Select Box

Responsive custom select box with custom scroll.

Made with: HTML

View Code

Image Selection

Image Selection with faux-loading.

Made with: HTML

View Code

Custom Select Wrapper

Custom CSS select wrapper.

Made with: HTML/Slim

View Code

Pure Css Select Box

Select box without using JavaScript and native element.

Made with: HTML (Pug),CSS (SCSS)

View Code

Styled Select Options

Styled select options using CSS3 and Flexbox.

Made with: HTML,CSS

View Code

Styling Select Box With Css

A creative way to style select drop downs with nothing but CSS.

Made with: HTML,CSS

View Code