关闭/开启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
没有评论