Appearance
Utilities for suppressing native form control styling.
Quick reference
Class
|
Properties
|
---|---|
appearance-none | 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.
<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>
© 2022 Tailwind Labs Inc.
https://tailwindcss.com/docs/appearance