Appearance

Utilities for suppressing native form control styling


Class reference

ClassProperties
appearance-noneappearance: none;

# Usage

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

Default browser styles applied
Default styles removed
<select>
<option>Yes</option>
<option>No</option>
<option>Maybe</option>
</select>

<select class="appearance-none">
<option>Yes</option>
<option>No</option>
<option>Maybe</option>
</select>