ファイル入力タグにマテリアルデザインを適用する方法は？

Question

私は私のホームページに私がファイル入力タグを持つ

<input type="file"> 

問題は、私は、この要素

をスタイリングのための適切なMDLクラスを見つけることができないということである、Googleの材料設計のライトを使用してウェブサイトを設計していますここ

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のアイコンを使用しています。