Grow your CSS skills. Land your dream job.

How to stylize a select box (drop down)

  • # May 27, 2009 at 1:58 am

    Hello,

    I am trying to stylize a select box to better integrate with the layout. I need to apply an image background and a different arrow button. I know I’ve seen this somewhere across the web but don’t remember where. Here is the link to the image of what I would like to achieve.

    http://www.webdesignbrasov.ro/britos/example.htm

    Could anyone help?

    Thanks,
    Alex

    # May 27, 2009 at 3:04 am

    That’s very easy to do with flash, but a pretty large pain to get it to work in all major browsers. Someone mentioned that you’d use javascript to overwrite the browser’s default images (since those designs are created by each browser).

    # May 27, 2009 at 3:42 am

    Thanks Ashton, I know Flash will do that, but I really need to achieve this using CSS and JavaScript to make it cross browser.

    # May 28, 2009 at 3:00 am

    I did a quick search and found this article which explains a little more than I can: http://www.456bereastreet.com/archive/2 … _controls/

    # May 30, 2009 at 7:47 am

    Thank a lot ! I think that’s exactly what I needed.

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".