Search code examples
javascripthtmlcssmaterial-designmaterialize

How to remove all css classes and js in material design, to get default select box


I want to remove all css classes and js in material design, and make a select box look like basic html.

I want this:

enter image description here

To be this:

enter image description here

Any help is appreciated.


Solution

  • Given that you have tagged your question , per the documentation at http://materializecss.com/forms.html, you need to add the class browser-default to your <select> thus

     <label>Browser Select</label>
      <select class="browser-default">
        <option value="" disabled selected>Choose your option</option>
        <option value="1">Option 1</option>
        <option value="2">Option 2</option>
        <option value="3">Option 3</option>
      </select>