2011-10-04 5 views
2

나는 간격이 매우 중요한 TEXTAREA입니다. 다음과 같이 내가 포맷 :TextAreas 내의 IE9의 선 높이 차이

TEXTAREA { 
    font-family: Tahoma, Arial; 
    font-size: 8pt; 
    letter-spacing: 0px; 
    line-height: 13px; 
} 

어떻게, 내가 텍스트를 입력 할 경우, 행 높이가 올바르게 적용되지 않습니다 : 모든 단락의 마지막 줄에 하나 개의 픽셀이 높은이다 (입력하거나-이동 입력 pessing 전) : 이 문제는 인터넷 익스플로러 9에서 발생

Annotated Screenshot

는 파이어 폭스 7 또는 크롬 14 (이전 버전까지 테스트하지 않았습니다) 없습니다.

thad를 없애는 방법이 있습니까?

BTW : 줄 바꿈이없는 한 텍스트 영역의 마지막 줄에는 적용되지 않습니다.

감사합니다, 스테 펜

답변

0

나는이 실제로 완전히 도움도 전체 응답하지 않을 수 있습니다 알고 있지만, CSS에서 !important 선언의 사용에 약간을 읽는 동안 그 가치가있을 수 있습니다.

http://www.impressivewebs.com/everything-you-need-to-know-about-the-important-css-declaration/

이 떠오르는 유일한 이유는이 후 문제가 어떤 종류의 원인이 적용되는 또 다른 스타일/선언 할 수 있고, 이것이 당신의 텍스트 영역이 적용 올바른 스타일을 가지고 있는지 확인하십시오 것입니다 .

<p> CSS 선언이 아래쪽 또는 위쪽 여백/패딩과 충돌 또는 문제를 일으키지 않는지 확인할 수도 있습니다. 잠재적으로 일종의 문제를 일으킬 수있는 스팬 또는 다른 스타일에도 동일하게 적용됩니다.

내가 말했듯이, 나는 이것이 조금이라도 도움이되지 않을지도 모른다는 것을 알고 있지만 그것은 가능성 일 수 있습니다.

0

IE8의 텍스트 영역에서 마지막 줄과 비슷한 문제가 발생했습니다. 내 텍스트 영역의 줄 높이가 18p보다 작 으면 커서가 줄 높이를 변경했습니다. 내가 이걸 가져 오는 이유는 13px 줄 높이가 아주 작기 때문입니다. 문제가 없어지는지보기 위해 더 큰 선 높이를 시험해 보는 것이 좋습니다.

0

방금이 문제로 많은 라운드를 진행했으며 IE9가 텍스트 영역에 추가 패딩을 추가한다는 것을 발견했습니다. 선 높이, 높이 등은 아무 효과가 없었습니다. 이것은 트릭을했습니다 :

padding: 0px !important;