appearance:button now only applies to <button>

Published:

Categories: CSS

Releases: Firefox 82

Description

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.

References