comment appliquer une conception matérielle à l'étiquette d'entrée de fichier?

Question

Je suis la conception d'un site Web en utilisant lite de conception de matériel de Google, dans ma page d'accueil J'ai une balise d'entrée de fichier

<input type="file"> 

le problème est que je ne peux pas trouver les classes mdl appropriés pour le style de cet élément

Answer 1

Voici un exemple pour vous donner une idée:

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

Il utilise une icône LDM comme un bouton pour l'utilisateur de cliquer pour tirer vers le haut l'invite d'entrée de fichier.