Select size attribute size not working in Chrome/Safari?

by

This is a known bug in webkit browsers.

The simplest way to get it to work just how you like it in Chrome and Safari would be to manually specify the styling the select itself.

Here is a working jsFiddle.

select {
  height: 36px;
  font-size: 14px;
}
<select size="2">
  <option value="0" selected="selected">Default</option>
  <option value="1">select 1</option>
  <option value="2">select 2</option>
  <option value="3">select 3</option>
</select>

More Related Contents:

  1. chrome/safari display border around image
  2. Menu does not align correctly in Safari
  3. Hide scroll bar, but while still being able to scroll
  4. Flex / Grid layouts not working on button or fieldset elements
  5. Google Chrome form autofill and its yellow background
  6. How to save CSS changes of Styles panel of Chrome Developer Tools?
  7. Favicon not showing up in Google Chrome [duplicate]
  8. Resource interpreted as stylesheet but transferred with MIME type text/html (seems not related with web server)
  9. background: fixed no repeat not working on mobile
  10. Google Fonts are not rendering on Google Chrome
  11. Background image not showing in Safari
  12. Chrome rendering issue. Fixed position anchor with UL in body
  13. Turn off Chrome/Safari spell checking by HTML/css [duplicate]
  14. Prevent “overscrolling” of web page
  15. Stop CSS transition from firing on page load
  16. Height of flex container not working properly in Safari
  17. canvas default size
  18. Chrome: Automatic shift of web elements
  19. What happens when localStorage is full?
  20. Chrome does not expand flex parent according to children’s content [duplicate]
  21. Prevent scroll-bar from adding-up to the Width of page on Chrome
  22. How can you hide the arrow that is displayed by default on the HTML5 element in Chrome?
  23. How do I make flex box work in safari?
  24. Different implementation of Flexbox in Firefox and Chrome
  25. CSS calc not working in Safari and fallback
  26. text-decoration not working for visited state link
  27. 100vh height when address bar is shown – Chrome Mobile
  28. number input – always show spin buttons
  29. Prevent ligatures in Safari (Mavericks/iOS7) via CSS
  30. CSS Grid Row Height Safari Bug

Leave a Comment