padding is not working in Safari and IE in select list

by

Even though the W3 spec doesn’t disallow padding in select boxes, for whatever reason webkit browsers (Safari, Chrome) don’t support it. Instead, you can remove the padding-left and use text-indent instead, adding the same amount to your select box width.

From your example in your comment:

<select id="sexID" name="user[sex]" 
        style="border:1px solid #C1272D;
               width:258px; // 243 + 15px
               text-indent:15px;
               height:25px;
               color:#808080;">

More Related Contents:

  1. Why does my design elements look different in all browsers? UPDATE [closed]
  2. Set width on div
  3. How to Make columns in row [closed]
  4. How to add images in select list?
  5. Is it wrong to change a block element to inline with CSS if it contains another block element?
  6. Why does z-index not work?
  7. CSS overflow-x: visible; and overflow-y: hidden; causing scrollbar issue
  8. How to position text over an image with CSS
  9. Percent pie chart with css only
  10. :last-child not working as expected?
  11. Why is my Grid element’s height not being calculated correctly?
  12. html/css hexagon with image inside
  13. Margin top in inline element
  14. Input size vs width
  15. How to remove “Invisible space” from HTML [duplicate]
  16. Deploying just HTML, CSS webpage to Tomcat
  17. How to center content in a Bootstrap column?
  18. Center form submit buttons HTML / CSS
  19. Why is a trailing punctuation mark rendered at the start with direction:rtl?
  20. How to prevent line break at hyphens in all browsers
  21. CSS object-fit: contain; is keeping original image width in layout
  22. CSS property as SASS mixin value [duplicate]
  23. Preserve line breaks in textarea
  24. Remove scrollbar from iframe
  25. CSS animate custom properties/variables
  26. How to see an HTML page on Github as a normal rendered HTML page to see preview in browser, without downloading?
  27. Firefox 30 is not hiding select box arrows anymore
  28. extra space when centering elements using flexbox
  29. @Media print css
  30. How to center and crop an image to always appear in square shape with CSS?

Leave a Comment