자동 텍스트 영역 크기 조정

자동으로 크기 조정이 가능한 텍스트 영역이 있지만 이제는 텍스트 영역 높이에 대한 CSS를 무시하고 주위를 찾을 수 없습니다. 그것은 단지 다른 높이 속성을 CSS를 무시하지 않습니다.자동 텍스트 영역 크기 조정

HTML

<textarea id="test" class="text2" name="lgyesterday" onkeyup="resizeTextarea('test');" data-resizable="true"> </textarea>

CSS

사람이 I로 시작하는 텍스트 영역의 높이를 설정할 수있는 방법 어떤 생각이 있다면 난 그냥 궁금

.text2{ 
    margin:10px; 
    float:left; 
    width:47%; 
    font-family:sans-serif, "arial helvetica"; 
     font-size: 15px; 
     height: 80px; 
}

출처

2013-10-04 Crouch

제거이 : 당신의 CSS를 무시합니다

가장 가능성이 인라인 스타일을 사용하여 영역의 크기를 조정되는 것입니다

onkeyup="resizeTextarea('test');"

. 또한 !important을 추가하여 인라인 스타일을 재정의 할 수

height: 80px!important;

편집

당신이 낮은가되는 경우 방지하려는 경우 min-height을 시도해보십시오에서

min-height: 80px;

출처

2013-10-04 13:45:18 David

하지만 내 텍스트 영역의 크기가 자동으로 조정되지 않습니까? – Crouch

크기를 조정 하시겠습니까? 아니면 'height : 80px'를 적용 하시겠습니까? 둘 다 가질 수 없기 때문에 : – David

나는 그곳에서 더 커질 수있는 기본 시작 크기가 필요합니다. – Crouch

높이 속성 당신의 예제는 나를 위해 잘 작동합니다 (Chrome). 그러나 "rows"속성을 사용하여 높이를 정의 할 수도 있습니다. 예 :

<textarea cols="50" rows="10">

출처

2013-10-04 13:52:30 Roland

높이도 잘 작동합니다. 자바 스크립트가 적용되었을 때 오버라이드되었습니다. 아래 답변은 대우를 받았습니다. 어쨌든 건배 @ 롤랜드 – Crouch

자동 텍스트 영역 크기 조정

답변

관련 문제