The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS CSS truncating SELECT OPTION with Ellipses

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #257033


    Can anyone here tell me how to truncate an option inside of a select box, , or however you wish to refer to it, so that it cuts off the text overflow with an ellipses? I have found a lot of was to do that for the selected option but I need to edit the list of options that drop down. I can’t seem to get anything to work this in Chrome. Any help would be greatly appreciated!


    I don’t think you can achieve this by using CSS. You should look for where the dropdown is being populated and maybe do a calculation on the number of characters or something. You can also do it by javascript like this:

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.