Form
Customize the look of form inputs.
Form inputs
Style inputs and labels to the site theme. Label, input gets highlighted on focus.
<form action="" class="form">
<div class="form__input">
<input type="text" id="name" placeholder="Your name" />
<label for="name">Name</label>
</div>
<div class="form__input">
<input type="text" id="email" placeholder="Your email" />
<label for="email">Email</label>
</div>
</form>
Select input
You can also style the select input to look a bit more appealing. The appearance of the select input will match your theme. Note that the appearance of the dropdown itself cannot be controlled by CSS yet, only background and color can be changed. For select input you do not need form class as parent
<div class="select-input">
<select>
<option>Lorem</option>
<option>ipsum</option>
<option>dolor</option>
<option>sit</option>
</select>
</div>