Sunday, May 22, 2011

One problem with HTML forms is it is hard to style the elements to fit into your design. The tutorial will show you how to style the hardest of them all, the select box.

The Plan

Unfortunately browsers allow limited skinning of select boxes. So the plan is to use jQuery to change a select box into a text box and a unorded list for the dropdown. When a user clicks on the text box it will display the list below the textbox, just like a regular select box, but it’s easier to style

see more and download: http://www.devirtuoso.com/2009/08/styling-drop-down-boxes-with-jquery/

0 Comments:

Post a Comment