Chrome : 크기를 조정할 수없는 텍스트 영역 만들기

기본적으로 Chrome에서는 텍스트 영역의 크기를 조정할 수 있습니다. 나는 이것을 제어하고 세로로만 크기를 조정하거나 전혀 조정하지 않으려 고합니다.

이것을 어떻게 달성 할 수 있습니까?

Rails는 표준 텍스트 영역 태그를 생성하지만 Safari / Chrome (Webkit)은 모든 텍스트 영역 (Rails :뿐만 아니라)을 크기 조정 가능으로 표시합니다.

CSS에 의해 외관이 비활성화 될 수 있습니다.

textarea {
    resize: none;
    }

또는 세로 크기 조정 만 필요한 경우 :

textarea {
     resize: vertical;
     }

설정 max-width그들 만 수직으로 크기를 조정할 수 있도록, 또는 설정을 max-height하고 max-width모든 크기 조정을 중지 할 수 있습니다.

그러나 브라우저에서 컨트롤을 처리하는 방식에 대한 사용자의 기대를 깨는 것은 사용자에게 많은 불만을 불러 일으키는 경향이 있습니다.

열과 행을 다음과 같이 설정할 수 있습니다.

<%= text_area :object, :attribute, :rows => '10', :cols => '100' %> 
#=> <textarea cols="100" rows="10" id="object_attribute" name="object[attribute]">
#      #{@object.attribute}
#   </textarea>

또는 같은 크기를 지정하십시오

<%= text_area :object, :attribute, :size => "10x100" %> 
#=> <textarea cols="10" rows="100" id="object_attribute" name="object[attribute]">
#      #{@object.attribute}
#   </textarea>