Select option padding not working in chrome

by

I just found a way to get padding applied to the select input in chrome 

select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 5px;
}

Seems to work in the current chrome 39.0.2171.71 (64-bit) and safari (I only tested this on a mac).

This seems to remove the default styling added to the select input (it also removed the drop down arrow), but allows you to then use your own styling without chrome overriding it.

I stumbled across this fix while using code from here: http://fettblog.eu/style-select-elements/

More Related Contents:

  1. Bad: [html] in html code i can’t make two form input in one row [closed]
  2. How to center an element horizontally and vertically
  3. Make container shrink-to-fit child elements as they wrap
  4. How to overlay one div over another div
  5. Element will not stay centered, especially when re-sizing screen
  6. Center image horizontally within a div
  7. css ellipsis on second line
  8. Position an element relative to its container
  9. curved div with transparent top
  10. How to make a whole ‘div’ clickable in html and css without JavaScript? [duplicate]
  11. HTML/CSS – Best practice for preserving white space on certain elements?
  12. Can a span be closed using ?
  13. How is the margin-top percentage calculated?
  14. How to align flexbox columns left and right?
  15. Stop CSS transition from firing on page load
  16. Inline Form nested within Horizontal Form in Bootstrap 3
  17. How to specify the order of CSS classes?
  18. Using :after to clear floating elements
  19. How can I make a div with irregular shapes with css3 and html5?
  20. How can I resize an image to a percentage of itself with CSS?
  21. Font-Face Not loaded
  22. HTML/CSS: Make a div “invisible” to clicks?
  23. How to apply padding to every line in multi-line text?
  24. How to change border color of textarea on :focus
  25. CSS Selector for No-Children-But-Not-Empty
  26. How to get rid of x and up/down arrow elements of a input date?
  27. IE7 CSS Scrolling Div Bug
  28. HTML CSS Invisible Button
  29. CSS After Element to insert mailto link?
  30. Which browsers support data URIs and since which version?

Leave a Comment