IE8 에서 input type="text" 컨트롤 안에서 글자가 위로 붙는 현상 수정.

IE8 에서 input type="text" 컨트롤 안에서 글자가 위로 붙는 현상 수정.

<해결법>

height : 36px; //for other browsers
line-height: 36px; // for IE

css 를 위와 같이 2개를 다 주면 된다.

[발췌] http://stackoverflow.com/questions/326650/vertically-align-text-within-input-field-of-fixed-height-without-display-table

css 의 예:

input[type=text], input[type=password], input[type=number], input[type=email] {line-height:25px; height:25px; padding:0 5px; font-family:'맑은 고딕', dotum,'돋움',sans-serif; vertical-align:middle; border: 1px solid #a7a6aa; z-index:-999; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}