/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

6 votes299 views1 answer
Hidden vs visible
CSS
1 vote236 views1 answer
Ion-slider pagination color
CSS
86 votes278 views6 answers
Css all caps
CSS
66 votes310 views6 answers
Remove bullets from list css
CSS
0 vote395 views1 answer
Foreach and if condition in qweb
CSS
37 votes270 views4 answers
Select even child css
CSS
0 vote291 views1 answer
Boxsizing
CSS
0 vote316 views1 answer
Text below filter css using pseudo
CSS
3 votes252 views1 answer
Wrap table html
CSS
239 votes498 views5 answers
Include bootstrap
CSS