텍스트 영역 크기 조정을 비활성화하는 방법은 무엇입니까?

텍스트 영역 크기 조정을 비활성화하는 방법은 무엇입니까?

---

텍스트 영역 가로 크기 조정을 비활성화해야합니다. 때로는 텍스트 영역에서 세로 크기를 조정하고 싶습니다.

연락처 페이지를 만들 때마다 텍스트 영역이 내 디자인을 추악하게 만듭니다.

아무도 나를 비활성화 할 수있는 해결책을 줄 수 있습니까?

---

당신은 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완전한 설명을 읽기 위해, 이 링크를 .

예를 들어,에 대한 p태그를 설정해야하는 overflow되지 않는 값으로 속성을 visible설정 한 다음 resize, none, both, vertical, horizontal.

참고 URL : https://stackoverflow.com/questions/9382245/how-to-disable-textarea-resizing