Chrome:制作不可调整大小的textareas

Question

默认情况下,Chrome会让我的textareas可以调整大小.我希望控制它,或者让它们只能垂直调整大小,或者根本不调整大小.

我怎样才能做到这一点？

Answer 1

Rails生成标准的textarea标签,但Safari/Chrome(Webkit)显示所有(不仅仅是Rails :) textareas可调整大小.

它的外观可能被CSS禁用

textarea {
    resize: none;
    }

或者,如果只需要垂直调整大小:

textarea {
     resize: vertical;
     }

Answer 2

设置max-width为仅使它们可垂直调整大小,或设置max-height并max-width停止所有调整大小.

但是,请注意,打破用户对浏览器如何处理控件的期望往往会造成很多用户的挫败感.