Creating custom dropdowns is usually a tedious process that requires a ton of extra setup time. Oftentimes lacking conveniences that native dropdowns have such as keyboard navigation. DropKick removes the tedium and lets you focus on making s@#t look good.
That's not all! DropKick also degrades gracefully: if the user has javascript disabled everything will continue as normal using your regular <select> elements. Did we mention it works on IE7 and 8?
Requirements
DropKick requires the latest version of jQuery, available at jQuery.com. Other than jQuery, you should include scrollability.js if you want to enable scrolling on iOS devices (you do).
How to use
DropKick works by transforming your existing, boring <select> into beautiful, customizable HTML dropdowns. The name attribute is the only one that is required. You should also set a tabindex attribute to enable navigation via tabbing.
Creating a custom theme
All custom themes must be prefixed with dk_theme_. Included in your download is a blank_theme.css file. This contains all of the necessary boilerplate for you to create a new theme. Optionally, you may simply edit the default theme found in dropkick.css.