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

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图标作为按钮,用户可以单击以提取文件输入提示.