Select dropdown with fixed width cutting off content in IE

by

For IE 8 there is a simple pure css-based solution:

select:focus {
    width: auto;
    position: relative;
}

(You need to set the position property, if the selectbox is child of a container with fixed width.)

Unfortunately IE 7 and less do not support the :focus selector.

More Related Contents:

  1. Hide scroll bar, but while still being able to scroll
  2. How do I make a placeholder for a ‘select’ box?
  3. css ‘pointer-events’ property alternative for IE
  4. Change select box option background color
  5. flex container min-height ignored in IE
  6. CSS-Only Scrollable Table with fixed headers [duplicate]
  7. How to remove the default arrow icon from a dropdown list (select element)?
  8. Tools to selectively Copy HTML+CSS+JS From A Specific Element of DOM [closed]
  9. Remove Select arrow on IE
  10. Html Select box options on Hover?
  11. Flexbox alternative for IE9
  12. Div 100% height works on Firefox but not in IE
  13. How to change color of disabled html controls in IE8 using css
  14. Flexbox column-reverse in Firefox, Edge and IE
  15. Changing highlight color
  16. Set width of dropdown element in HTML select dropdown options
  17. How to hide drop down arrow in IE8 & IE9?
  18. Internet Explorer 11 word wrap is not working
  19. What is haslayout?
  20. Blank iFrame in IE
  21. Image in SELECT element [duplicate]
  22. @font-face not working with specific version of Internet Explorer 11
  23. Internet Explorer and clip-path
  24. Will targeting IE8 with conditional comments work?
  25. Div with horizontal scrolling only
  26. How can change width of dropdown list?
  27. Rendering a hierarchy of “OPTION”s in a “SELECT” tag
  28. How to get horizontal scroll bar in select box in IE?
  29. How to get equal width of input and select fields
  30. Why does overflow:hidden not work in a ?

Leave a Comment