/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

1 vote233 views1 answer
Locate canvas in center of screen css
CSS
0 vote244 views1 answer
Css space inter words
CSS
1 vote244 views1 answer
Css after not working
CSS
5 votes243 views1 answer
Html how to indent text
CSS
9 votes239 views2 answers
Button style none
CSS
0 vote287 views1 answer
Scroll div when page scroll
CSS
2 votes243 views2 answers
How to put the input box and the label on top of input
CSS
0 vote256 views1 answer
Closing modal on iframe movies still running
CSS
0 vote328 views1 answer
Using target="_blank" without rel="noreferrer" (which implies rel="noopener") is a security risk in older browsers: see https://mathiasbynens.github.io/rel-noopener/#recommendations
CSS
6 votes244 views3 answers
Css scroll snap
CSS