/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

9 votes329 views1 answer
Image background html css tricks
CSS
2 votes315 views2 answers
Remove bg color with css
CSS
9 votes337 views2 answers
Background css
CSS
8 votes366 views6 answers
Aos animation
CSS
0 vote317 views1 answer
Best os for programming
CSS
2 votes339 views1 answer
Css area not selectable
CSS
0 vote315 views1 answer
Column count css
CSS
5 votes348 views1 answer
Make div the size of the text inside
CSS
0 vote363 views2 answers
Weer
CSS
5 votes292 views1 answer
Vertical align items in div
CSS