Tronic247 Material
Components

Select menus

Filled Select

<div class="textbox">
    <div class="left">
    </div>
    <div class="middle">
        <label for="aaaa" class="label">Label</label>
        <select class="input" id=aaaa>
            <option value="" disabled selected>Placeholder</option>
            <option value="v">Option 2</option>
            <option value="v">Option 3</option>
            <option value="v">Option 4</option>
        </select>
    </div>
    <div class="right"></div>
</div>

Outlined Select

<div class="textbox outlined">
    <div class="left">
    </div>
    <div class="middle">
        <label for="bb" class="label">Label</label>
        <select class="input" id=bb>
            <option value="" disabled selected>Placeholder</option>
            <option value="v">Option 2</option>
            <option value="v">Option 3</option>
            <option value="v">Option 4</option>
        </select>
    </div>
    <div class="right"></div>
</div>

Border bottom select

<div class="textbox border-bottom">
    <div class="left">
    </div>
    <div class="middle">
        <label for="cc" class="label">Label</label>
        <select class="input" id=cc>
            <option value="" disabled selected>Placeholder</option>
            <option value="v">Option 2</option>
            <option value="v">Option 3</option>
            <option value="v">Option 4</option>
        </select>
    </div>
    <div class="right"></div>
</div>

Select with icons

<div class="textbox">
    <div class="left">
    </div>
    <div class="middle">
        <label for="aaaa" class="label">Label</label>
        <select class="input" id=aaaa>
            <option value="" disabled selected>Placeholder</option>
            <option value="v">Option 2</option>
            <option value="v">Option 3</option>
            <option value="v">Option 4</option>
        </select>
    </div>
    <div class="right"></div>
</div>