How to Set Height for the Drop Down of Select box

by

Try adding this to the <select> element:

onfocus="this.size=10;" 
onblur="this.size=1;" 
onchange="this.size=1; this.blur();

like:

   <select onfocus="this.size=10;' onblur="this.size=1;" 
        onchange="this.size=1; this.blur();">

SAMPLE DEMO

More Related Contents:

  1. What are the steps to make a HTML design responsive? [closed]
  2. Can’t scroll HTML page down to see full content
  3. How do I vertically center text with CSS? [duplicate]
  4. Fill the remaining height or width in a flex container
  5. Why are my CSS3 media queries not working on mobile devices?
  6. How does the “position: sticky;” property work?
  7. A Space between Inline-Block List Items [duplicate]
  8. CSS vertical alignment of inline/inline-block elements
  9. How to remove the space between inline/inline-block elements?
  10. How do I install a custom font on an HTML site
  11. What’s a 3D doing in this HTML?
  12. Css height in percent not working [duplicate]
  13. Circular percent progress bar
  14. CSS side by side div’s auto equal widths
  15. Setting table column width
  16. How to force table cell content to wrap?
  17. Image label for input in a form not clickable in IE11
  18. Default :target with CSS
  19. How to center a (background) image within a div?
  20. Responsive tables, the smart way
  21. Best way to implement background image on HTML or body
  22. Why do my list item bullets overlap floating elements
  23. How to add a background image on top of a previous background image?
  24. Css hover sometimes doesn’t work on svg paths
  25. Bootstrap 3 – show collapsed navigation for all screen sizes
  26. How can I prefix ordered list item numbers with a static string using CSS?
  27. Img’s max-height not respecting parent’s dimensions
  28. backdrop-filter not working for nested elements in Chrome
  29. display: flex not working on Internet Explorer [duplicate]
  30. Fitting child into parent

Leave a Comment