Custom Select Field Styling With Only Css

14.08.2020

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

Made with: HTML,CSS (SCSS)

View Code

PlaceholderCustom Select Field Styling With Only Css

Css Only Dropdown

16.07.2019

Made with: HTML,CSS

View Code

PlaceholderCss Only Dropdown

Select (Placeholder Disabled)

9.07.2019

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

View Code

PlaceholderSelect (Placeholder Disabled)

Custom Select Box

30.10.2018

Custom select box dropdown styling.

Made with: HTML,CSS

View Code

PlaceholderCustom Select Box

Pure Css Select Box With Direction Aware Hover Effect

20.10.2018

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

PlaceholderPure Css Select Box With Direction Aware Hover Effect

Responsive Custom Select Box

15.12.2017

Responsive custom select box with custom scroll.

Made with: HTML

View Code

Responsive Custom Select Box

Image Selection

27.11.2017

Image Selection with faux-loading.

Made with: HTML

View Code

Image Selection

Custom Select Wrapper

15.11.2017

Custom CSS select wrapper.

Made with: HTML/Slim

View Code

Custom Select Wrapper

Pure Css Select Box

11.08.2017

Select box without using JavaScript and native element.

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

View Code

PlaceholderPure Css Select Box

Styled Select Options

14.12.2015

Styled select options using CSS3 and Flexbox.

Made with: HTML,CSS

View Code

PlaceholderStyled Select Options

Styling Select Box With Css

5.10.2015

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

Made with: HTML,CSS

View Code

PlaceholderStyling Select Box With Css