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 select
s might result of years-old oversight copied, , might time change.
Comments
Post a Comment