如何將材料設計應用於文件輸入標籤？

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圖標的按鈕，用戶點擊拉起文件輸入提示。