Css text-overflow ellipsis in a select

Asked Jun 02 '15 at 21:27

Active Jun 03 '15 at 08:19

Viewed 123 times

I just want to add an ellipsis to the end of the option selected in a select when the text is truncated. (It should work in any modern browser, specially chrome)

How can I do it? (I prefer to no use a whole library just for this)

I´m using

angular 1.3
foundation 5

foundation helps, but only works in safari using this lines:

overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;

I believe I´ll have to do it manually, in that case, Which is the best way?

Thx in advanced

edited Jun 03 '15 at 08:19

general03

asked Jun 02 '15 at 21:27

david

2,135
4
24
34

maybe `-webkit-text-overflow` and other vendor prefixes, or `-webkit-ellipsis` and its vendor prefixes. – yaakov Jun 02 '15 at 21:46
Thx @yak613 I tried that, but the only prefix it accepts is -o- for opera – david Jun 03 '15 at 14:20
the others come with the property? – yaakov Jun 03 '15 at 19:28

Css text-overflow ellipsis in a select

0 Answers0