Grow your CSS skills. Land your dream job.

CSS List Box

  • # December 6, 2012 at 2:43 am

    Guys any idea how to customize FORM list box?

    Thanks

    # December 6, 2012 at 3:23 am

    What do you mean? Do you have any example or code to provide?

    # December 6, 2012 at 5:22 am

    I assume that he’s referring to a dropdown selection list

    # December 6, 2012 at 5:32 am

    You *can* customise it to a certain extent in CSS but not a huge deal. JS or replacement techniques are the way forward for true customisation.

    You could for example use a hidden form element and make a drop-down menu style item out of ul>li, then take the item they click on, and make the value of the hidden form element that li item using JS. Not really recommended, but doable.

    What you can do with a select box in CSS is change everything a normal text-input item will accept. This won’t cascade down to the select items. But you can change the font and the color of these items, as well as the padding.

    # December 6, 2012 at 11:10 pm

    Here is the example guys http://jsfiddle.net/GRLwg/ I want to customize selection color and customize scroll bar

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".