Custom Select Box CSS Style Plugin: jQuery + CSS
Version 0.3.6 (16/04/2013)
* Calls change function instead of invoking change event to fix double-fire
Version 0.3.5 (16/04/2013)
* Much improved logic for `customSelectOpen`
* Bug fix for Firefox keyboard selection
Version 0.3.4 (15/04/2013)
* Toggle `customSelectOpen` class on mouseup to resolve issue #29 (http://git.io/jztAlQ)
Version 0.3.3 (04/03/2013)
* Pass original `customSelectSpan` reference to changed() function
Version 0.3.2 (28/02/2013)
* Patch for incorrect select height caused by 0.3.0
* Support for `disabled` select boxes via customSelectDisabled class
Version 0.3.0 (12/02/2013)
* Refactored coding style
* Changed filenames to standard jQuery plugin naming conventions
* Fixed IE6 Filtering
* Added component.json for bower
* Moved method 'changed' to local scope
* Update to Dual GPL/MIT license
Version 0.2.5 (04/02/2013)
* Updates/fixes to .customSelectChanged class usage
* customSelectChanged class is added to span when select value changes
* customSelectChanged class is removed on mousedown or on blur
Version 0.2.4 (03/02/2013)
* Supports hover via .customSelectHover class on customSelect span
Version 0.2.3 (30/01/2013)
* Fixes change event not firing for Firefox keyboard users
* customSelect no longer triggers the change event on initiation
Version 0.2.1 (17/12/2012)
* Select box listens for 'update' event which can be triggered to update the size and content if needed
* Removed dependency on $.browser
Version 0.2.0
CHANGES IN 0.2.0
* Streamlined creation/selection of span elements
* Renamed span classes to "customSelect" and "customSelectInner" to coinside with plugin name
* You can now have styles for when select box is open or focused via the classes .customSelectOpen and .customSelectFocus
* ability to set a custom class by passing in {customClass:'myClassName'}
Copyright 2013 Adam Coulombe
Dual licensed under the MIT and GPL licenses:
* http://www.gnu.org/licenses/gpl.html
* http://www.opensource.org/licenses/mit-license.php
This lightweight, unintrusive technique uses the native select box functionality of the web browser, and overlays a stylable <span> element in order to acheive your desired look. Since it makes use of default browser functionality,it can be treated just like any ordinary HTML select box.