1. CSS Appearance

    The `appearance` property defines how elements (particularly form controls) appear by default. By setting the value to `none` the default appearance can be entirely redefined using other CSS properties.

  2. CSS Cascade Layers

    The `@layer` at-rule allows authors to explicitly layer their styles in the cascade, before specificity and order of appearance are considered.

  3. Search input type

    Search field form input type. Intended to look like the underlying platform's native search field widget (if there is one). Other than its appearance, it's the same as an `<input type="text">`.

  4. css property: appearance: auto

  5. css property: appearance: `<compat-auto>` (compatibility values `searchfield`, `textarea`, `checkbox`, `radio`, `menulist`, `listbox`, `meter`, `progress-bar`, `button`)

  6. css property: appearance: `menulist-button`

  7. css property: appearance: none

  8. css property: appearance: textfield