Input text field with only bottom border

input {
  outline: 0;
  border-width: 0 0 2px;
  border-color: blue
}
input:focus {
  border-color: green;
  outline: 1px dotted #000
}

<input placeholder="Text" type="text" />