Custom Style Dropdown Select In Pure CSS – select-css

Category: CSS & CSS3 , Menu & Navigation , Recommended | December 21, 2018
Views Total:8,445 views
Official Page:Go to website
Last Update:December 21, 2018


Custom Style Dropdown Select In Pure CSS – select-css


select-css is a CSS library that makes the styles of the native dropdown select consistent across browsers.

How to use it:

Import the stylesheet select-css into the document.

<link href="src/select-css.css" rel="stylesheet">

Add the CSS class .select-css to the regular select element. Done.

<select class="select-css">
  <option value="">--Please choose an option--</option>
  <option value="dog">Dog</option>
  <option value="cat">Cat</option>
  <option value="hamster">Hamster</option>
  <option value="parrot">Parrot</option>
  <option value="spider">Spider</option>
  <option value="goldfish">Goldfish</option>

You Might Be Interested In:

Leave a Reply