Grow your CSS skills. Land your dream job.

Customizing a form with css

  • # March 11, 2012 at 5:09 pm

    I have tried customizing a form and I have one little problem.
    When customizing the option drop down list the little arrow button doesn’t change (stays default).
    Any idea how to change it?

    http://jsfiddle.net/DUzEn/

    # March 11, 2012 at 5:46 pm

    Hi Al3ks
    The select option is styled by the browser and can’t really be styled
    You could however use an image of an arrow and change it on select

    http://jsfiddle.net/DUzEn/1/

    # March 11, 2012 at 7:28 pm

    Thanks, this really helps :)

    # March 11, 2012 at 7:30 pm

    There are some tricks to do this using jQuery, here’s one: http://www.adamcoulombe.info/lab/jquery/select-box/

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

You must be logged in to reply to this topic.

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