/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

4 votes105 views1 answer
How to make image not repeat on background
CSS
1 vote144 views1 answer
Overflow: scroll displaces the inline element
CSS
2 votes114 views1 answer
How to fix the footer at the bottom of the page
CSS
1 vote159 views1 answer
BEM example css
CSS
8 votes95 views2 answers
Invert png color css
CSS
1 vote115 views2 answers
Css let div be last
CSS
1 vote97 views1 answer
Md table structure
CSS
0 vote114 views1 answer
Drupal 8 Notice: Trying to get property
CSS
1 vote113 views2 answers
How to middle fixed element
CSS
2 votes113 views1 answer
Css focus change color
CSS