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

Home Forums CSS Custom select styling

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
  • #267791

    I’m applying some custom styling to a select by wrapping it in a div – which I think is fairly common practice? It works ok but I’ve noticed if an option has really long text it gets cut off rather than using text-overflow: ellipsis.

    I’ve tried setting the padding/backgrounds/overflow on both div and select but I can’t get it to work. Does anyone have any ideas on how to do this or even a better solution?

    Here’s my CodePen demo:

    As an aside, is it possible to have the selected text uppercase and the text in the options (dropdown) lowercase?

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