Textfield with only bottom border [closed]

How can I create a Text field that has a transparent or no background, no top,left and right border?

I am only using CSS and HTML.

Probably a duplicate of this post: A customized input text box in html/html5

input {
  border: 0;
  outline: 0;
  background: transparent;
  border-bottom: 1px solid black;
}

<input></input>

See this JSFiddle

input[type="text"] {
  border: 0;
  border-bottom: 1px solid red;
  outline: 0;
}

<form>
  <input type="text" value="See! ONLY BOTTOM BORDER!" />
</form>

Related