/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

14 votes143 views4 answers
How to create a strikethrough in css
CSS
-1 vote132 views1 answer
Css background linear gradient transparent
CSS
1 vote146 views1 answer
Css show scrollbar if overflow
CSS
0 vote132 views1 answer
Css list line spacing
CSS
258 votes369 views6 answers
ForEach
CSS
7 votes137 views2 answers
Fira code
CSS
0 vote136 views1 answer
Background effect css
CSS
3 votes103 views1 answer
Smooth scroll to anchor
CSS
2 votes152 views1 answer
How to set font max width in css
CSS
1 vote137 views1 answer
Css 100% -20px
CSS