/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

2 votes98 views1 answer
How to bring default values in css
CSS
5 votes102 views2 answers
Animate left to right css
CSS
0 vote165 views1 answer
Button style link
CSS
33 votes168 views6 answers
Css strikethrough
CSS
7 votes144 views3 answers
Css wrap text to next line
CSS
37 votes141 views1 answer
Trumping
CSS
1 vote157 views1 answer
How to use input border
CSS
0 vote167 views1 answer
Css transform duration
CSS
7 votes159 views4 answers
How hide in html
CSS
0 vote172 views1 answer
How to make jest parse the imported css modules in create react app
CSS