como resumir texto dentro do select ?

[Hugo Borges_120734 6]

Galera montei um select personalizado usando css, o problema e que quando o testo esta muito grande dentro o option, fima estranho. Queria alguma forma de resumir ele com pontinhos ...

 

 

Segue o código.

 

https://jsfiddle.net/ny4kacoj/

[L. Henrique 179]

Você quer realmente resumir com reticências ou prefere a técnica básica do padding que quase todo form tem?

Eu só adicionei um padding-right pra ele não ficar abaixo da seta (que é o que normalmente fazem em todos os select's que contenham option's muito grandes). Veja: JSFiddle.

ATUALIZADO
Fiz um novo update com o reticências (postei antes de criar a outra função), e você pode encontra-lo também no JSFiddle.

Adicionei um text-overflow: ellipsis; seguido de um overflow: hidden; pra fazer tudo funcionar. Se você quiser ver o funcionamento do text-overflow e como é sua compatibilidade cross-browser, acesse esse site: Can I Use - Text-Overflow

[Hugo Borges_120734 6]

Muito obrigado, resolveu meu problema 100%