How to format select box with Material Design Lite?

This worked pretty well for me (using fuel as an example):

<link rel="stylesheet" href="">
<link rel="stylesheet" href="">
<script src=""></script>
      <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
        <select class="mdl-textfield__input" id="octane" name="octane">
          <option value="85">85</option>
          <option value="87">87</option>
          <option value="89">89</option>
          <option value="91">91</option>
          <option value="diesel">Diesel</option>
        <label class="mdl-textfield__label" for="octane">Octane</label>

No libraries or anything needed just the standard MDL CSS and JavaScript.

Leave a Comment