/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 votes173 views2 answers
How to add box shadow to all sides css
CSS
1 vote193 views1 answer
How to prevent text from breaking css
CSS
1 vote167 views1 answer
Vue import css scoped
CSS
0 vote162 views1 answer
How to remove the body margin from navbar in css
CSS
38 votes190 views2 answers
Remove list bullet css
CSS
0 vote154 views1 answer
Calc(100vh - px)
CSS
6 votes175 views2 answers
How to make all the columns equal size with flexbox
CSS
0 vote174 views1 answer
How to enlarge image when hover on in css
CSS
0 vote214 views1 answer
Remove effect off animation css
CSS
80 votes188 views2 answers
Text-transform
CSS