How to make an input field that shows only the line below not a square in css?

Question

Input field

Answer 1

Hopefully the following code helps,

input{
border-width:0px;
border-bottom:1px solid black;
outline:none;
}

Answer 2

Input{
border: none;
border-bottom: solid 2px #000;
}