Styling select box using MooTools
This Mootools plugin replaces select boxes in forms with styled lists. All CSS is external.
Prerequisites for this example:
- MooTools 1.2 core and MooTools 1.2 more - visit mootools.net
- SelectoMoo 1.0
Tested on:
- IE 8
- Firefox 3
- Google Chrome
- Safari 4.0.4 ( win xp version )
Parameters:
- element: id of select box to be replaced ( default: null )
- css: CSS class index use for styling ( default: selectoMoo )
- listHeight: height of options list when opened ( default: 120)
Demo:
Try using tab for navigation between fields. When list is opened, it allows navigation by using up-down keys ( enter or click to select option ) or mouse wheel.
