Tailwind CSS home page
  1. Interactivity
  2. Appearance

​
Quick reference

Class
Properties
appearance-noneappearance: 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.

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>