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>