如何禁用 textarea 的 resizable 属性？

三叠纪

我想禁用 a 的 resizable 属性textarea。
/ ~/ f# r+ K/ Q" G现在，我可以了textarea单击右下角textarea并拖动鼠标调整 a 的大小。我怎样才能禁用它？

                                                               
    解决方案:                                                               
                                                                以下 CSS 规则禁用textarea元素大小调整行为：

textarea {  resize: none;}

禁止某些(但不是全部)textarea，有几个选项。
您可以class在标签（）中使用属性：
4 K; m8 h! i! F7 \& C5 d& T" K

.textarea1 {  resize: none;}
& c: Y  o3 v/ ?8 Y6 x2 D

禁用属性设置为(即)，textarea的特定：name``foo``
! r; ]5 m' M% u8 a/ q) a

textarea[name=foo] {  resize: none;}
7 H% l( l+ I! E3 i9 m7 A

或者，使用id属性（即）：

#foo {  resize: none;}
) D6 [; Y$ I/ G) f/ d

W3C 页面列出了调整尺寸限制的可能值：无、两者、水平、垂直和继承：

textarea {  resize: vertical; /* user can resize vertically,but width is fixed */}
& ?' [* Q8 q3 W! z

查看当前支持此功能的浏览器，以查看一个良好的兼容页面。Jon Hulka 评论，在 CSS 可用于 max-width、max-height、min-width 和 min-height进一步限制尺寸。
% Y+ \5 r3 u. |6 m6 H4 p! Z& g要知道超级重要：这个属性什么都不做，除非溢出属性看不见，这是大多数元素的默认值。因此，如果你通常想使用它，你必须设置一些溢出物：滚动；
Sara Cope 引用，http://css-tricks.com/almanac/properties/r/resize/