아래쪽 테두리 만있는 텍스트 필드

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; 
}