/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 vote178 views1 answer
Css change class name start with
CSS
1 vote180 views1 answer
Quitar puntos a lista css
CSS
0 vote181 views1 answer
Css set strong to normal text
CSS
2 votes192 views2 answers
How to disable pinch zoom on website for mobile devices
CSS
1 vote191 views1 answer
Css access span class inside div
CSS
0 vote183 views1 answer
@media for react style css
CSS
7 votes221 views2 answers
Css change link color in class
CSS
0 vote200 views1 answer
Tailwind simle navbar"
CSS
12 votes196 views3 answers
Sticky header css
CSS
0 vote200 views1 answer
Css box shadow right and down
CSS