A lightweight jQuery plugin that replaces native select elements with customizable dropdowns.

Include jQuery and the plugin.

<script src="path/js/jquery.js"></script>
<script src="path/js/jquery.nice-select.js"></script>

Include the plugin styles, either the compiled CSS...

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

...or, ideally, compile the Less source code (if you use Less) into your main stylesheet for easier customization.

path/less/nice-select.less

Finally, initialize the plugin.

$(document).ready(function() {
  $('select').niceSelect();
});

Full documentation and examples at jquery-nice-select↗.