0

The bottom line for text-field is shown a bit above. No CSS used ...

<div class="mdl-textfield mdl-js-textfield">
  <input class="mdl-textfield__input" type="text" pattern="[0-9]*" id="phone">
  <label class="mdl-textfield__label" for="phone">Phone</label>
  <span class="mdl-textfield__error">Digits only</span>
</div>

<form action="#">
  <div class="mdl-textfield mdl-js-textfield">

    <input class="mdl-textfield__input" type="text" id="demo-input" />

    <label class="mdl-textfield__label" for="demo-input">UserName...</label>
  </div>
 </form>

Take a look at what I got

Evan Frisch
  • 1,334
  • 5
  • 22
  • 40
Rakesh Peela
  • 41
  • 2
  • 6

1 Answers1

0

Take a look at the answer which i posted for the below stackoverflow thread.

Material Design Lite - Bottom Line in text field has a slight gap with colored line

likinM
  • 314
  • 3
  • 9