/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 vote410 views1 answer
Css footer always at bottom but visible
CSS
0 vote365 views1 answer
Css if screen size less than
CSS
3 votes367 views2 answers
Make triangle using div
CSS
22 votes378 views6 answers
Font family css
CSS
4 votes338 views1 answer
Change hex background opacity css
CSS
-2 votes377 views1 answer
Change icon color to gradient css
CSS
1 vote361 views1 answer
Qwant
CSS
17 votes365 views3 answers
Text orientation css
CSS
0 vote346 views1 answer
Import custom font
CSS
4 votes366 views1 answer
Space-x css
CSS