/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

0 vote241 views1 answer
Rotate keyfreame animation
CSS
0 vote223 views1 answer
How change the text position
CSS
0 vote199 views1 answer
How to add color in css
CSS
98 votes204 views2 answers
Css box-shadow shorthand
CSS
0 vote225 views1 answer
Omnisend custom css
CSS
0 vote204 views1 answer
Textbreak for long text
CSS
9 votes221 views2 answers
Semibold css
CSS
0 vote199 views1 answer
Css put background on top of another background image
CSS
0 vote203 views2 answers
How to reduce the size of png image in css
CSS
1 vote267 views1 answer
Input date icon color change
CSS