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

Question

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

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

Answer 1

Вероятно, дубликат этого поста: A customized input text box in html/html5

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

<input></input>

Answer 2

Смотрите эту 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; 
}