텍스트 영역 크기 조정을 비활성화하는 방법?

텍스트 영역 크기 조정을 비활성화하는 방법?

텍스트 영역 가로 크기를 비활성화해야 합니다.텍스트 영역에서 세로 크기 조정을 허용할 때도 있습니다.

연락처 페이지를 만들 때마다 텍스트 영역이 제 디자인을 흉하게 만들고 있습니다.

누가 나에게 그것을 비활성화 할 수 있는 해결책을 줄 수 있습니까?

CSS를 사용할 수 있습니다.

모두 사용 안 함

textarea { resize: none; }

수직 크기만

textarea { resize: vertical; }

수평 크기만

textarea { resize: horizontal; } 

수직 및 수평을 제한적으로 비활성화합니다.

textarea { resize: horizontal; max-width: 400px; min-width: 200px; }

수평 및 수직을 제한적으로 비활성화합니다.

textarea { resize: vertical; max-height: 300px; min-height: 200px; }

생각합니다min-height당신에게 유용할 것입니다.

이런 CSS로

textarea
{
   resize: none;
}

또는 수직만 원하는 경우

textarea { resize:vertical; }

또는 가로

textarea { resize:horizontal; } 

또는 둘 다(당신의 경우가 아님)

textarea { resize:both; } 

이것을 CSS 파일에 넣을 수 있습니다.

textarea {
  resize: none;
} 

무력화시키다horizontal그리고.vertical한도를 두고

textarea { 
    width:100%;
    resize:vertical; 
    max-height:250px; 
    min-height:100px; 
}

위해서textarea사용했습니다.width: 500px !important그리고.height: 350px !important, 그래서 이거.CSS코드는 사용자 크기를 조정할 수 없지만 다른 태그가 있는 경우 사용해야 합니다.resize: none, 자세한 설명은 이 링크를 참조하십시오.

예를 들어, a의 경우.p태그를 설정해야 합니다.overflow값이 아닌 속성visible그 다음에 세트resize,none,both,vertical,horizontal.

언급URL : https://stackoverflow.com/questions/9382245/how-to-disable-textarea-resizing