Firefox’s incorrect implementation of
padding on the
<select> element has been fixed. Now
padding spaces are added inside the dropdown list, instead of outside, to match with the CSS spec and other browsers’ behaviour. This issue was found while developers were working on the same issue on the
<textarea> element fixed with Firefox 29.
<select> elements with the
multiple attribute won’t be affected by this change.
A hack using
-moz-appearance:none to hide the drop-down arrow no longer works, though there are requests to allow styling of the arrow. Page authors should create a custom element instead if you’d like to totally control the design of dropdown lists on all browsers.