/CSS/Fix materialize form label not working

Fix materialize form label not working

Materialize css form file input

  <form action="#">
    <div class="file-field input-field">
      <div class="btn">
        <span>File</span>
        <input type="file">
      </div>
      <div class="file-path-wrapper">
        <input class="file-path validate" type="text">
      </div>
    </div>
  </form>

Source: materializecss.com

Fix materialize form label not working

input:-webkit-autofill + label {
  font-size: 0.8rem;
  transform: translateY(-140%); }

Source: github.com

Similar codes

14 votes303 views2 answers
.col-12 bootstrap
CSS Bootstrap
0 vote201 views3 answers
Html input file upload image for profile picture
CSS
3 votes246 views2 answers
What is vh in css
CSS
0 vote203 views1 answer
CSS fluid type sizing based on viewport
CSS
100 votes202 views2 answers
What is position property in css
CSS
92 votes208 views5 answers
Bootstrap primary color code
CSS
1 vote193 views1 answer
Gatsby hide scroll bar
CSS
35 votes239 views2 answers
Transform properties css
CSS
0 vote224 views1 answer
Tampermonkey custom css
CSS
21 votes198 views5 answers
Text-overflow: ellipsis 2 lines
CSS