/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 vote262 views1 answer
How to style navbar-toggler-icon bootstrap 5
CSS Bootstrap
53 votes177 views6 answers
Background color
CSS
0 vote177 views1 answer
Override vuetify container width
CSS
1 vote173 views1 answer
Get second child div css
CSS
7 votes237 views6 answers
Background overlay css
CSS
2 votes182 views1 answer
H2 in px css
CSS
0 vote169 views1 answer
If child elemnt is hovered do changes to the container css
CSS
0 vote173 views1 answer
Bulma modal
CSS
49 votes229 views3 answers
Center absolute element css
CSS
5 votes258 views2 answers
Remove bootstrap button outline
CSS