Tweet

F*ck the Default

A jQuery plugin for custom <select> elements

Styling <select> sucks. There are many plugins that solve this problem, but I wanted to create an extremely barebones one that made custom styling as quick as possible each time. So here it is:



Also available in a flat (even more barebones) style:



Get the code

Download either the minified JS file or the full JS file and download the CSS file. Include these files in your project and go to the next step.

Initialize

Go ahead and fire it up:

Parameters

theme
default, glossy

roundedCorners
true, false

$('.select_element').fckTheDefault();

 

$('.select_element').fckTheDefault({
  theme: 'glossy',
  roundedCorners: false
});

A plugin by Jacques Vrolijk. It's a work-in-progress. Enjoy.