appearance

The appearance CSS property specifies the rendered appearance of replaced UI widget elements such as form controls. Most commonly, such elements are given native, platform-specific styling based on the operating system’s theme, or a primitive appearance with styles that can be overridden using CSS.

The appearance property enables displaying elements in their OS-native style based on the operating system’s theme, as well as the removal of any platform-native styling with the none value. Setting appearance: none, or otherwise changing the appearance of UI widgets, does not change the element’s functionality.

While most elements in a document can be fully styled by CSS, UI controls (widgets) are typically rendered by the browser using the operating system’s native UI styles. This native appearance differs between operating systems and browsers. In this default state, widgets have limited, if any, features that can be styled with CSS. Which elements have this native UI appearance is defined in HTML.

Syntax example: appearance: none;