手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >使用CSS禁止textarea调整大小功能的方法
使用CSS禁止textarea调整大小功能的方法
摘要:如果你使用谷歌浏览器或火狐浏览器,你会发现页面上的textarea元素的右下角有个小三角,用鼠标箭头拖拽它,你的textarea就能随着放大...

如果你使用谷歌浏览器或火狐浏览器,你会发现页面上的textarea元素的右下角有个小三角,用鼠标箭头拖拽它,你的textarea就能随着放大或缩小。这是现代浏览器为方便用户而添加的一个辅助功能(很遗憾,不包括IE,如果你使用IE,是看不到的。)。Web程序员在设计网页时,一般给了textarea一个固定的长宽,通常是配合布局而设定。但挑剔的用户往往会认为太小或太大。有了这个可以调整大小的工具后,用户就可以自己选择合适的大小了。

但是,有时候是应用的需要,Web程序员需要禁止这个可以调整textarea大小的功能(IE完全没这个问题!),也就是去掉右下角的小三角,有什么办法呢?很简单,使用CSS的resize属性。

CSS代码

<style type="text/css">

textarea {

resize: none;

}

</style>

将resize属性设置为none,textarea就变成了固定大小,小三角也消失了。

【使用CSS禁止textarea调整大小功能的方法】相关文章:

CSS等比列放大缩小效果

在ie7下css居中样式text-align:center;偏左问题解决方法

CSS实现圆柱型数据报表的方法

CSS编写中灵活运行注释的意义

CSS中使用expression表达式

CSS实现带箭头的DIV提示框

CSS教程网站制作新闻列表方法

用CSS巧控制段落缩进的方法

用CSS控制网页总体风格

CSS小技巧:隐藏input 内的文字的方法

精品推荐
分类导航