Nice Select Demo

Change select option dropdown to be a list item with nice styling

by Jon Fuller

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-nice-select/1.1.0/css/nice-select.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-nice-select/1.1.0/js/jquery.nice-select.min.js"></script>
<select>
	<option value="1">Some option</option>
	<option value="2">Another option</option>
	<option value="3" disabled="">A disabled option</option>
	<option value="4">Potato</option>
</select>

CSS

body {font-family: sans-serif;}

.nice-select .option::before {
	content: '\00BB\00a0';
}

JavaScript

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