HTML 텍스트가 제대로 정렬되지 않았습니다.

Question

텍스트 상자가 있는데 "랩톱"이라는 용어를 입력하면 제대로 표시되지 않습니다. 문제는 IE9에서 발생하며 Chrome에서는 발생하지 않습니다. 다음은 HTML

<input id="small_search_string_sub" name="search_string" type="text" class="newsearch_sub rounded " placeholder="Search..." maxlength="500"> 

는 CSS입니다 : - 당신은 또한 입력을 위해 포맷되지 않은, 입력 기본 스타일에 대한 재설정이없는 것처럼

.newsearch_sub { 
padding: 3px 10px 3px 10px; 
background-color: #FFF; 
width: 220px; 
height: 25px; 
margin-top: 10px; 
vertical-align: top; 
} 

Answer 1

보인다 그것의 텍스트, 패딩은 텍스트를 멀리까지 밀고있을 수도 있습니다.

나는 이것을 시험해 보았다. IE9에서 잘 작동하는 것처럼 보였지만, 보내준 코드 줄에 다른 클래스 (반올림 됨)가 있다는 사실 때문에 여기에 누락 된 것이 없는지 의심 스럽다. 독립 실행 형 페이지 인 경우에도 코드에 대한 링크를 넣을 수 있습니다.이 방법을 사용하면 적절한 코드에서 ie9로 디버깅 할 수 있으며,이 코드가 제대로 작동하지 않으면 솔루션을 제공 할 수 있습니다.

.newsearch_sub { 
    padding: 3px 10px 3px 10px; 
    background-color: #FFF; 
    width: 220px; 
    height: 25px; 
    margin-top: 10px; 
    vertical-align: top; 
    font:12px/24px Arial,Helvetica 
}