🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

This is a lightweight, CSS-less jQuery plugin used to beautify the native select dropdown list with custom CSS styles.

Select

Documentation

V1.0.1 - jQuery Styled Select Box

New in V1.0.1:

  • Multiple select boxes on the same page
  • Click away to close the select box
  • Dynamically refresh the selection by triggering 'refresh' event on the select box. Ex: $("select").trigger("refresh")

Select boxes look so ugly unstyled. This tiny library will fix it for you.

Select Box closed

Select Box Open

VIEW DEMO

Usage

Add this inside the head tag:

<script type="text/javascript" language="javascript" src="jquery.styled-select-box.js"></script>

In your code add styled class to your select box

<select class="styled" name="numbers"> 	<option value="1">One</option> 	<option value="2">Two</option> 	<option value="3">Three</option> </select>

If you want to style a select box with a different class name

$(".custom").styledSelect();

That's it! Thank me later!


You May Also Like