/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

3 votes222 views2 answers
Centralize div flex
CSS
0 vote223 views1 answer
How to get two elements on the same line html
CSS
69 votes223 views6 answers
Center image css
CSS
22 votes222 views4 answers
Css flip image horizontally
CSS
0 vote226 views1 answer
Nuxt page transition
CSS
0 vote272 views1 answer
How to set the scroll in bootstrap4 table body
CSS Bootstrap
0 vote217 views1 answer
Degradado color css
CSS
-1 vote230 views2 answers
How to zoom image on hover in css
CSS
0 vote316 views1 answer
How to set initial state after first time in formik
CSS
0 vote219 views1 answer
Remove glow textarea css
CSS