如何将 material 设计应用于文件输入标签？

how to apply a material design to file input tag?

我正在使用 google 的 material design lite 设计网站，在我的主页中有一个文件输入标签

    <input type="file">

问题是我找不到合适的 mdl 类 来设置这个元素的样式

举个例子给大家一个思路：

<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>

它使用一个MDL图标作为按钮，用户点击可以拉出文件输入提示。