关闭/开启textarea的缩放功能《转》

为了我们的页面结构不被这一“先进”功能所破坏，有时我们需要关闭它，以下两种方法都可以：

1. 通过 resize 属性禁止对元素进行缩放。
textarea{ resize:none;}

2. 限制文本框的最大以及最小宽、高。
textarea{ max-height:100px; min-height:100px; height:100px; max-width:200px; min-width:200px; width:200px;}
注：此法不能去掉右下脚可拖动样式。

=========================================可爱的分隔线=======================================

有关闭就有允许这一属性存在的情况，那么如何对其它元素应用它呢？

.divresize{ border:1px solid #eee; height:100px; overflow:auto; resize:both; width:200px;}

注：缩放功能适用于任意获得”overflow”条件的容器。也就是要配合overflow属性，才起作用。

Firefox、Safari、Chrome允许元素的缩放,但尚未完全支持，目前只允许双向调整。CSS3允许你将这个属性应用到任意元素，这将使缩放这个功能拥有跨浏览器的支持。

原创文章如转载，请注明：转载自火跃工作室
本文网址：http://www.huoyue.org/textarea-resize