Appearance

Defines how an element is displayed natively by the platform.

Classes#

Class	Properties
appearance-none	appearance: none;

Examples#

Default browser styles applied

Default styles removed

<div class="flex flex-column justify-content-center">
    <div class="m-3 flex">
        <select>
            <option>Yes</option>
            <option>No</option>
            <option>Maybe</option>
        </select>
        <input class="mx-3">
        <div class="mx-3">Default browser styles applied</div>
    </div>
    <div class="m-3 flex">
        <select class="appearance-none">
            <option>Yes</option>
            <option>No</option>
            <option>Maybe</option>
        </select>
        <input class="appearance-none mx-3">
        <div class="mx-3">Default styles removed</div>
    </div>
</div>