How to apply material design for input tag input?

Question

I am developing a website using google material design lite, on my homepage I have a file input tag

    <input type="file">

the problem is that I cannot find the corresponding mdl classes to style this element

Answer 1

Here is an example that will give you an idea:

<style>#file { display: none; }</style>
<label class="mdl-button mdl-js-button mdl-button--icon mdl-button--file">
  <i class="material-icons">attach_file</i><input type="file" id="file">
</label>

It uses the MDL icon as a user click button to pull out a file input prompt.