html - Ellipsis for overflow text in dropdown boxes -


i'm fixing width of 1 of dropdown boxes (yes know there cross-browser issues doing this).

is there non-js way cut off overflowing text , append ellipses? text-overflow:ellipsis doesn't work <select> elements (at least in chrome).

example here: http://jsfiddle.net/t5eue/

html limited in specifies form controls. leaves room operating system , browser makers think appropriate (like iphone’s modal select which, when open, looks totally different traditional pop-up menu).

it looks operating systems cut selected option off without elipsis. if able change how text gets cut off, strange since that’s not how select boxes work in rest of operating system.

if bugs you, can use customizable replacement, chosen, looks distinct native select.

or, file bug against major operating system or browser. know, way text cut off in selects might result of years-old oversight copied, , might time change.


Comments

Popular posts from this blog

python - TypeError: start must be a integer -

c# - DevExpress RepositoryItemComboBox BackColor property ignored -

django - Creating multiple model instances in DRF3 -