Nice Select is a lightweight vanilla JavaScript plugin that replaces the original select elements with customizable dropdowns.

css style select option dropdown, custom select box css, custom select dropdown, html dropdown selected, select dropdown css style examples

How to make use of it:

Import the nice-select2 plugin’s JavaScript and Stylesheet into the document.

<link href="dist/css/nice-select2.css" rel="stylesheet" />
<script src="dist/js/nice-select2.js"></script>

Simply attach the NiceSelect function to the current select element.

<select id="example">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

NiceSelect.bind(document.getElementById("example"));

Enable/disable the search function.

NiceSelect.bind(document.getElementById("example"),{
  searchable: true
});

Update and destroy the instance.

instance.update();
instance.destroy();

Easy Customization Of HTML Select Boxes, Nice Select Plugin/Github, custom select box jquery

See Demo And Download

Official Website(bluzky): Click Here

This superior jQuery/javascript plugin is developed by bluzky. For extra Advanced Usages, please go to the official website.