---
url: /docs/foundations/css-classes/appearance.md
---
> Interactivity

# Appearance

Utilities for suppressing native form control styling.

## Quick reference

| Class | Description |
|-------|-------------|
| `appearance-none` | `appearance: 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.
