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="card flex flex-column align-items-center 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>