Incorrect padding implementation on <select> has been fixed

Published: | Categories: CSS


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.