Is there any way to add padding to select options via CSS?

by

Styling to select option is very much limited as to maintain a coherence and consistency among all the application in the operating system thus the browser are ought to restrict the style of some basic elements like in your case option tag.

The restriction depends browser to browser, like padding and even margin of option tag works in the Mozilla Firefox while it doesn’t work with Chrome.

If it is very much necessary in you website to style the option tag then I suggest you to use some jQuery plugin (you can also make a drop down of your own, its simple).

More Related Contents:

  1. Why is there an unexplainable gap between these inline-block div elements? [duplicate]
  2. Padding on block element
  3. CSS margin terror; Margin adds space outside parent element [duplicate]
  4. Why does this CSS margin-top style not work?
  5. How wide is the default “ margin?
  6. How do I style a dropdown with only CSS?
  7. How to remove margin space around body or clear default css styles
  8. Removing body margin in CSS
  9. CSS margin adds space outside parent element [duplicate]
  10. Why can’t I center with margin: 0 auto?
  11. Margin top in inline element
  12. How to align two elements on the same line without changing HTML
  13. Why would margin not be contained by parent element?
  14. Why doesn’t “margin: auto” center an element vertically?
  15. `margin:auto;` doesn’t work on inline-block elements
  16. How do I prevent the padding property from changing width or height in CSS?
  17. Why does CSS not support negative padding?
  18. CSS Margin: 0 is not setting to 0
  19. CSS Cell Margin
  20. Align a div to center
  21. Can't get footer image to display in IE8?
  22. SVG drop shadow using css3
  23. Switching the order of block elements with CSS [duplicate]
  24. Aligning decimal points in HTML
  25. HTML combo box with option to type an entry
  26. Can I nest button inside another button?
  27. How to get tiles centered and left-justified at the same time
  28. Bootstrap navbar: nothing is displayed on smaller devices
  29. Why does inline-block cause this div to have height?
  30. “break-inside: avoid-column” doesn’t work in Firefox

Leave a Comment