Select styling

by Roberto Apasajja

HTML

<label for="cars">Choose a car:</label>

<select name="cars" id="cars">
  <option style="padding:12px" value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

CSS

select {
  background: #ECEFF1;
  padding:9px;
  border-radius: 5px;
  border: 1px solid #CFD8DC;
}
option {
  background: #e0f7fa;
  color:#666
}