/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 votes181 views2 answers
Css disabled
CSS
0 vote169 views1 answer
Css video poster object-fit
CSS
0 vote173 views1 answer
Secltor for parent li css
CSS
0 vote185 views2 answers
Print to pdf setting css for A4 size
CSS
0 vote171 views1 answer
Cannot apply border radius to tr
CSS
0 vote197 views1 answer
Keeping text to be in one line
CSS
13 votes183 views4 answers
Responsive css grid
CSS
0 vote167 views1 answer
Codebuddysurej
CSS
0 vote161 views1 answer
Css code for increasing size
CSS
0 vote178 views1 answer
Alternate css animation
CSS