/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

1 vote425 views1 answer
How to make font awesome responsive bootstrap
CSS Bootstrap
1 vote323 views1 answer
Add black above image css
CSS
6 votes341 views3 answers
Equivalent zoom css
CSS
1 vote332 views1 answer
Button onclick open video in new window
CSS
1 vote384 views1 answer
Lightred color hex
CSS
0 vote694 views1 answer
Fgg
CSS
18 votes369 views6 answers
Text outline css
CSS
2 votes366 views2 answers
Box shadow css transition
CSS
36 votes349 views2 answers
Css translate x and y
CSS
0 vote396 views1 answer
Removing default background color of html input
CSS