Safari에서 텍스트 영역 크기 조정 핸들을 숨기기

Question

내 응용 프로그램에 텍스트 영역 구성 요소를 사용하고 있으며 높이를 동적으로 제어합니다. 사용자가 입력 할 때 텍스트가 충분할 때마다 높이가 증가합니다. 이것은 IE, Firefox 및 Safari에서 잘 작동합니다.

그러나 Safari에는 오른쪽 아래에 클릭 및 드래그하여 텍스트 영역의 크기를 조정할 수있는 "핸들"도구가 있습니다. 나 또한이 문제는 textovera stackoverflow 질문 페이지에서 물어 것으로 나타났습니다. 이 도구는 혼란스럽고 기본적으로 방해가됩니다.

그래서이 크기 조절 핸들을 숨기려면 어쨌든 가야합니까?

(I 오른쪽 단어 "처리"잘 모르겠어요,하지만 난 더 나은 용어는 생각할 수 없다.)

Answer 1

당신은 CSS와 크기 조정 동작을 무시할 수 있습니다 :

textarea 
{ 
    resize: none; 
} 

또는 단지

<textarea style="resize: none;">TEXT TEXT TEXT</textarea> 

유효한 속성은 없습니다 : 수평, 수직, 아무도 모두

Answer 2

SAF ari max-height max-width 기회는 firefox 4.0 (b3pre)에서도 작동합니다. 그런데 여기 좋은 예 : http://www.alanedwardes.com/posts/safari-and-resizable-textboxes/

Answer 3

모든 TextArea 요소에 대한이 동작하지 않도록 다음과 같은 CSS 규칙을 사용하면 일부를 해제 할 경우

textarea { 
    resize: none; 
} 

을 TextArea 요소, 당신이 (모든하지만) 몇 가지 옵션이 있습니다 (덕분에 this page).

이

#foo { 
    resize: none; 
} 

참고이 그 (즉, <TextArea id="foo"></TextArea>) ID를 사용하여,

textarea[name=foo] { 
    resize: none; 
} 

또는 :

는 foo (즉, <TextArea name="foo"></TextArea>)로 설정 name 속성을 특정 TextArea을 사용하지 않으려면 TextArea 컨트롤에 크기 조정 핸들을 추가하는 WebKit 기반 브라우저 (예 : Safari 및 Chrome)에만 해당됩니다.