如何将MDL按钮样式应用于filePicker？

Question

我想知道是否有办法将Material Design Lite按钮样式应用于文件选择器,即通过以下方式在HTML页面上创建的组件:

<input type="file" id="filePicker" />

我希望组件的"浏览"按钮具有凸起按钮的外观(如果可能,可以使用波纹).请参见http://www.getmdl.io/components/#buttons-section.

谢谢!

Answer 1

使用CSS,你的意思是这样吗？

<style>#file { display: none }</style>

<input type="file" id="file">
<label for="file" class="mdl-button mdl-js-button mdl-button--fab mdl-button--colored">
  <i class="material-icons">+</i>
</label>

https://jsfiddle.net/sj838cLg/