크롬에서 textarea의 크기조정 못하게 설정
크롬에서 textarea를 그리면 다음과 같이 표시되며 크기 조정이 가능하다.
위의 네모 부분을 클릭 후 드래그 하여 조정이 가능하다.
이는 표준 기능인지 아닌지는 모르겠다.
처음에는 다음과 같이 해서 제한을 두었다.
<style type="text/css">
textarea {
width:300px;
height:300px;
min-width:300px;
min-height:300px;
max-width:300px;
max-height:300px;
}
</style>
위와 같이 코딩하면 빨간 네모 부분이 나타나기는 하나 조정이 불가능하였다.
하지만 textarea auto increase 관련하여 jquery 플러그인 동작하는걸 확인하기 위해 jsfiddle.net 에 가보니 다음과 같이 위의 빨간 네모 부분이 존재하지 않았다.
개발자 툴로 css확인해보니 resize:none 처리 되어 있기에 그렇게 해보았다.
<style type="text/css">
textarea {
width:300px;
height:300px;
/*
min-width:300px;
min-height:300px;
max-width:300px;
max-height:300px;
*/
resize:none;
}
</style>
결과는 다음과 같이 나오며 textarea의 크기조정이 불가하게 처리되었다.
