/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 votes148 views1 answer
How to prevent anchor links from scrolling behind a sticky header with one line of CSS
CSS
57 votes158 views6 answers
Virtualenv --python
CSS
0 vote181 views1 answer
How to center an item without flex
CSS
11 votes151 views2 answers
Css image filter black and white
CSS
8 votes155 views1 answer
How to align items in css
CSS
0 vote141 views2 answers
Css span to right of div
CSS
1 vote158 views1 answer
Double color background css
CSS
0 vote152 views1 answer
Css gradient bottom page
CSS
1 vote144 views1 answer
Add black above image css
CSS
0 vote154 views1 answer
Media-queries
CSS