Grow your CSS skills. Land your dream job.

ellipsis not working in select menu options

  • # April 20, 2012 at 6:39 am

    Hi Warriors,
    I need to make the options of the selectmenu fixed width. Can anyone help me out in this, it should be compatible with all browsers ie8, ie9, safari, opera, FF, Chorme.

    I have tried something here:

    http://jsfiddle.net/t5eUe/48/

    # April 20, 2012 at 8:26 am

    You might want to let other people weight in as well, but I believe you don’t have much control over the option styling across browsers that will work perfectly.

    An idea that will work but involves a little more work is something like this done with jQuery and CSS Reinventing a Drop Down with CSS and jQuery

    Granted not everyone has Javascript turned on and of course if you do only one thing with jQuery the extra page load is a pain, but in this era of browser differences I would rather go with that that than rely on the browser to do the work.

    # April 21, 2012 at 1:11 am

    @StevenBullen

    Hey,
    Link which u gave was good but i was looking to apply ellipsis and apply fix width to “option” tag in default browser theme.

    In Reinventing a Drop Down with CSS and jQuery In this if you add a longer string to the

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

You must be logged in to reply to this topic.

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