How to apply material design for input tag input?

I am developing a website using google material design lite, on my homepage I have a file input tag

    <input type="file">

the problem is that I cannot find the corresponding mdl classes to style this element

+4
source share
1 answer

Here is an example that will give you an idea:

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

It uses the MDL icon as a user click button to pull out a file input prompt.

+6
source

Source: https://habr.com/ru/post/1671470/


All Articles