/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

22 votes157 views5 answers
Center grid
CSS
1 vote139 views2 answers
How to upgrade composer ubuntu
CSS
0 vote172 views1 answer
Css tips and tricks to handle the complicated stuffs in design part which is helpfull to handle at tha critical time and to deliver requirement to the client to the main resource
CSS
0 vote140 views1 answer
Css shadow on hover
CSS
1 vote128 views1 answer
How to create a semi circle in css
CSS
1 vote125 views1 answer
How to make a responsive box in css
CSS
1 vote131 views1 answer
Floating object animation css
CSS
67 votes177 views3 answers
St. Patrick's Day
CSS
0 vote131 views2 answers
Sass if
CSS
0 vote138 views2 answers
Failed to start ssh.service: Unit ssh.service not found.
CSS