Skip to content

Interactivity

Appearance ​

Utilities for suppressing native form control styling.

Quick reference ​

ClassDescription
appearance-noneappearance: none -webkit-appearance: none

Basic usage ​

Removing default element appearance ​

Use appearance-none to reset any browser specific styling on an element. This utility is often used when creating custom form components.