专注于discuz,uchome,dedecms等各类PHP程序仿站(二次开发和模板制作)。

« »
2014-07-13CSS+HTML

1,889 阅读

关闭/开启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

日志信息 »

该日志于2014-07-13 15:13由 火跃 发表在CSS+HTML分类下, 评论已关闭。

相关日志 »

  • 暂无相关日志

没有评论

抱歉,评论被关闭