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

Question

我设计使用谷歌的材料设计精简版网站，在我的主页我有一个文件输入标签

<input type="file"> 

的问题是，我无法找到合适的MDL类造型这个元素

Answer 1

下面是一个例子给你一个想法：

<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图标的按钮，用户点击拉起文件输入提示。