Customized select element
- Add
selectus.js
to your project before your closingbody
tag - Add
selectus.css
to your project and modify it as you want - Initialize selectus in your script file or an inline script tag
<select id="defaultSelect">
<option value="1" selected>Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
<option value="4">Option 4</option>
<option value="5">Option 5</option>
</select>
selectus('#defaultSelect');
selectus(className [, settings]);
Selectus is using slide animation to show/hide select menu. You can disable it, using animated
property:
selectus('#defaultSelect', { animated: false });