/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 vote205 views1 answer
Cursor color change
CSS
8 votes255 views1 answer
Reset submit btn style
CSS
0 vote271 views1 answer
Tailwindcss tutorial
CSS
40 votes257 views6 answers
'pip' is not recognized as an internal or external command
CSS
0 vote254 views1 answer
Css dashed double border
CSS
185 votes384 views6 answers
Background image css
CSS
0 vote277 views1 answer
Tailwind css flex-row-reverse for grid reverse
CSS
3 votes244 views1 answer
Not disabled css
CSS
0 vote238 views1 answer
Css variables css tricks
CSS
0 vote274 views1 answer
Css border up and down
CSS