tailwindcss/docs/source/docs/forms.blade.md

extends	title	description	features
_layouts.documentation	Forms	Utilities for styling form controls.	responsive customizable hover focus true false false false

@include('_partials.work-in-progress')

@include('_partials.class-table', [ 'rows' => [ [ '.appearance-none', 'appearance: none;', "Remove any special styling applied to an element by the browser.", ], ] ])

Custom Select

Form controls are great candidates for component classes, but just for fun, here's how you can build a fully custom select menu with just utility classes:

@component('_partials.code-sample', ['lang' => 'html', 'class' => 'text-center'])

Really long option that will likely overlap the chevron Option 2 Option 3

@endcomponent

Customizing

@include('_partials.variants-and-disabling', [ 'utility' => [ 'name' => 'appearance', 'property' => 'appearance', ], 'variants' => [ 'responsive', ], ])