Unable to limit

Question

I have a select box populated by some database fields. Some fields are way too long, so the option width doesn't end. I would like to limit the width, and display an ellipsis using the text-overflow property. However it does not work.

This is how I am trying to do it :

select option {
    display: block;
    text-overflow: ellipsis;
    max-width: 100px;
}

Any idea how I could achieve this without JS?

Many thanks

Check this question http://stackoverflow.com/questions/7289769/ellipsis-for-overflow-text-in-dropdown-boxes — Idrizi.A, Jun 21 '14 at 22:47

score 2 · Accepted Answer · edited May 23 '17 at 11:49

2

There is a similar question at this link. In Chrome and safari it may not be possible to show the ellipsis and you may have to put up with -webkit-appearance: none.

Ellipsis for overflow text in dropdown boxes

edited May 23 '17 at 11:49

Community

1
1

answered Jun 22 '14 at 03:28

j_v_wow_d

511
2
11

Unable to limit width

1 Answers1

Unable to limit