Skip to content

Latest commit

 

History

History
40 lines (26 loc) · 1005 Bytes

README.md

File metadata and controls

40 lines (26 loc) · 1005 Bytes
Raw

#Fancy Select

Custom select boxes that retain native functionality. A work in progress.

View Demo →

##Premise

  • Allow full custom-styled select elements, primarily through CSS
  • Minimal additional markup
  • Minimal js needed
  • Retain (not recreate) native functionality like tabbing, keyboard control, and native dropdown menu
  • Degrade gracefully for browsers that don't support (IE6 and IE7)

##Usage

include fancyselect.css, jquery.js, and fancyselect.js:

<link rel="stylesheet" href="css/fancyselect.css" type="text/css" />  
<script type="text/javascript" src="js/jquery.js"></script>  
<script type="text/javascript" src="js/fancyselect.js"></script>

Call fancyselect on the selects you want to style:

$(document).ready(function() {
	$("#wrapper select").fancyselect();
});

##Still to do

  • Cross-browser fixes
  • Smarter plugin implementation
  • Testing, testing testing