/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 vote319 views2 answers
Css hover affect other item
CSS
2 votes235 views1 answer
Xpath vs css selector
CSS
0 vote286 views1 answer
Css calc function
CSS
-1 vote284 views1 answer
883 usd to nis
CSS
72 votes299 views6 answers
How to center text in a div
CSS
86 votes252 views6 answers
Css all caps
CSS
4 votes256 views1 answer
How to stop an image repeating in css
CSS
6 votes273 views2 answers
Remove outline of input css
CSS
0 vote269 views1 answer
How to combine two screen sizes in media queries css
CSS
25 votes268 views4 answers
Remove outline
CSS