Текстовое поле с нижней границей

Как создать текстовое поле с прозрачным или без фона, без верхней, левой и правой границы?

Я использую только CSS и HTML.

Ответы

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

<input></input>

Смотрите JSFiddle

HTML

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

CSS

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