텍스트 영역 오버플 : 신장

다음 코드 자동 차가 3 가시 행 있어야 텍스트 영역 렌더링 : 파이어 폭스텍스트 영역 오버플 : 신장

<textarea id="txtInput" rows="3" cols="20" style="overflow:auto"></textarea>

그러나를 (버전 20.0.1)을, 4 행 대신 3

도시 됨

어떻게 해결할 수 있습니까?

2013-05-21 Fortega

은 아마도 firefox 20의 버그일까요? 파이어 폭스 23에서 재현 할 수 없습니다. – bwoebi

@bwoebi 23 세에 똑같은 문제가 발생했습니다. – Fortega

아마도 윈도우에만 문제가 있을까요? – bwoebi

Firefox는 텍스트 필드 뒤에 추가 행을 추가합니다. 당신은 CSS와 함께이 문제를 해결할 수있는 다음 @-moz...는 모질라 특정 규칙입니다

@-moz-document url-prefix() { 
    textarea { 
     height: 4em; 
    } 
}

는 URL 접두어 규칙은 그 URL 그것으로 시작하는 모든 페이지에 규칙을 적용합니다. 여기

2013-05-21 10:07:14 Xavier

솔루션을 가져 주셔서 감사합니다. 같은 방식으로 다른 브라우저의 특정 스타일을 어떻게 지정할 수 있습니까? –

@TouhidRahman http://browserhacks.com/ – Xavier

고맙습니다. x4vier :) –

textarea { 
 
    height: 4em; 
 
}

<textarea id="txtInput" rows="3" cols="20" style="overflow:auto"></textarea>

희망이 도움이됩니다.

2013-05-21 10:07:48 Nitesh

답변