/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

7 votes370 views2 answers
Vue sass loader
CSS
0 vote334 views1 answer
Css play button on image
CSS
0 vote344 views1 answer
How to disable phone number linking in Mobile Safari
CSS
2 votes392 views1 answer
Cdd first child
CSS
7 votes335 views2 answers
Remove blue border on a input
CSS
22 votes350 views4 answers
Css center in grid
CSS
0 vote351 views1 answer
How to align divs in a row
CSS
0 vote357 views1 answer
Adding diffent style in firefox css
CSS
-1 vote327 views1 answer
Centralize div css
CSS
0 vote401 views1 answer
Chai assert
CSS