Appearance
Utilities for suppressing native form control styling.
@include('_partials.class-table', [ 'rows' => [ [ '.appearance-none', 'appearance: none;', "Remove any special styling applied to an element by the browser.", ], ] ])
Usage
Use .appearance-none to reset any browser specific styling on an element. This utility is often used when creating custom Form components.
@component('_partials.code-sample', ['class' => 'text-center'])
Default browser styles applied
Default styles removed
Customizing
@include('_partials.variants-and-disabling', [ 'utility' => [ 'name' => 'appearance', 'property' => 'appearance', ], 'variants' => [ 'responsive', ], ])
