텍스트가 IE 내에서만 너무 높습니다.

내 HTML 양식의 텍스트 상자의 높이가 30px이고 입력 된 텍스트가 IE가 아닌 모든 브라우저에서 원하는 것처럼 텍스트 상자의 세로 가운데에 나타납니다.텍스트가 IE 내에서만 너무 높습니다.

Chrome, FF 및 Opera에서 확인했습니다. IE8은 센터보다 높은 입력 텍스트를 보여줍니다. 나는 여백, 여백 및 줄 높이로 놀아 보려고했으나 위쪽 가장자리에서 텍스트를 가져올 수 없습니다.

텍스트를 가운데 맞추기 위해 어떤 CSS 속성을 편집해야합니까? 필요한 경우 IE 스타일로 추가 할 수 있습니다.

해당 웹 사이트는 lazydragonbooks.com입니다. 즉시 볼 수있는 두 가지 양식은 '등록'및 '로그인'양식입니다.

크롬

enter image description here

IE 8

enter image description here

2012-02-28 xbonez

음, IE8 개발자 도구로 장난 나는 setting padding-bottom: 0;과 padding-top: 10px; 올바르게 텍스트를 정렬 된 것을 발견했다.

적절한 브라우저가 엉망이되지 않도록 조건문을 사용해야합니다. 나는 별도의 스타일 시트를 사용하는 것이 좋습니다 것입니다 : ie8.css 내

<!--[if IE 8]> 
    <link rel="stylesheet" type="text/css" href="ie8.css"> 
<![endif]-->

input[type="text"] { 
      padding-top: 10px; 
      padding-bottom: 0; 
    }

이 사용중인 설정 높이 입력에 특정한 물론이다.

2012-02-28 13:30:11 Turnip

당신의 대답은 더 나은, 나는 그냥 'didn를 패딩 정상 트릭을 시도 할 때 나는 정말 진절머리 나는 노트북에서 작동하고, 어떤 이유입니다 일하는 것처럼 보입니다. 좋은 작업. – Zoidberg

이것은 완벽합니다. 정말 고맙습니다. – xbonez

당신은 IE

이 같은 마진이나 패딩을 사용할 수 있습니다

*padding-top:/*px*/; 
*margin:/*px*/;

2012-02-28 13:32:36

답변