How to expand ‘select’ option width after the user wants to select an option

by

I fixed my problem with the following code:

<div style="width: 180px; overflow: hidden;">
   <select style="width: auto;" name="abc" id="10">
     <option value="-1">AAAAAAAAAAA</option>
     <option value="123">123</option>
   </select>
</div>

Hope it helps!

More Related Contents:

  1. Is it possible to style a select box? [closed]
  2. How to change the element of another div by clicking and hovering on an element of a different div
  3. Hide/Show div on specific page with jquery
  4. CSS block doesn’t show click on a button
  5. how to force list items to go to differents rows?
  6. Issue with a design when content increase [closed]
  7. Dropdown Z-index not responding [closed]
  8. How to change color of SVG image using CSS (jQuery SVG image replacement)?
  9. Auto-size dynamic text to fill fixed size container
  10. Access the css “:after” selector with jQuery [duplicate]
  11. Downloading jQuery UI CSS from Google’s CDN
  12. Create a CSS rule / class with jQuery at runtime
  13. How do I switch my CSS stylesheet using jQuery?
  14. How do I get background image size in jQuery?
  15. Selecting elements with a certain background color
  16. Remove CSS from a Div using JQuery
  17. Correct way to animate box-shadow with jQuery
  18. Leaving out the last semicolon of a CSS block
  19. Add CSS to iFrame [duplicate]
  20. Changing Body Font-Size based on Font-Family with jQuery
  21. Creating a select box with a search option
  22. Get the value of -webkit-transform of an element with jquery
  23. jQuery/CSS: line-height of “normal” == ?px
  24. JQuery Hide Option doesn’t work in IE and Safari
  25. How to hide/remove a DIV when empty
  26. jQuery get selected option value (not the text, but the attribute ‘value’)
  27. Trying to make multiple background images cycle through a slideshow with CSS and JQUERY
  28. Leave menu bar fixed on top when scrolled [closed]
  29. jQuery CSS() for dynamically created elements
  30. Fit text perfectly inside a div (height and width) without affecting the size of the div

Leave a Comment