appearance:button now only applies to <button>


Categories: CSS

Releases: Firefox 82


Since Firefox 80, various keywords for the CSS appearance property are being treated as auto as per the latest spec draft.

Firefox 82 has been updated again after a discussion within the CSS Working Group. From now on, the button keyword for the appearance property only works with the HTML <button> element. On any other element, appearance:button behaves like appearance:auto that makes it appear in a native look and feel. The -moz-appearance and -webkit-appearance aliases have the same effect.

Google has made the change with Chrome 80, though they seem to be accepting -webkit-appearance:button for several <input> types.