/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 vote246 views1 answer
Navbar bootstrap display items horizontally
CSS Bootstrap
0 vote187 views2 answers
The package could not be installed. the theme is missing the style.css stylesheet
CSS
149 votes334 views6 answers
Css shadow
CSS
1 vote192 views1 answer
Textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; }
CSS
0 vote198 views1 answer
Color transition time css
CSS
34 votes203 views6 answers
How to align text in css
CSS
0 vote218 views1 answer
Animating a text in css
CSS
52 votes191 views6 answers
Center a div
CSS
0 vote296 views1 answer
How to target input type with css
CSS
1 vote259 views1 answer
Rainbow linear gradient css
CSS