입력 상자를 수정하기위한 CSS

Question

두 개의 입력 필드에 대해 원하는 결과 이미지를 만들었습니다. 내가 그 결과를 얻기 위해 노력했습니다 무엇 http://imageshack.us/a/img715/6896/inputfields.jpg

은 이것이다 :

input { 
    padding-left: 2px; 
    padding-top: 2px; 
    height: 1.8em; 
    font-size: 1em; 
} 

내가 이것을 만드는 데 문제는 입력 필드에 비해 상대적으로 작은 그래서 텍스트 크기를 조정할 수있는 시간이다 따라서 입력 필드의 높이도 그에 따라 바뀌므로 font-size 속성 인 height 속성에 아무런주의를 기울이지 않는 것으로 보입니다.

필자는 텍스트가 입력 필드의 높이의 약 60 %로 끝나기를 원하고, 위와 같이 왼쪽 하단에 매우 가깝게 배치하려고합니다.

누군가가 올바른 방향으로 나를 가리킬 수 있습니까?

Answer 1

em은 글꼴 크기 (the point size)를 기반으로하므로 글꼴 크기를 변경하면 높이가 변경됩니다. 폰트 크기에 상관없이 픽셀 높이를 사용하십시오.