Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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.
Muito obrigado, resolveu meu problema 100%
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