使用CSS禁止textarea调整大小功能的方法
发布时间：2015-03-13 09:46:03 作者：佚名 
我要评论
我要评论这篇文章主要介绍了使用CSS禁止textarea调整大小功能的方法,禁止可以调整textarea大小功能的方法很简单,使用CSS的resize属性即可,需要的朋友可以参考下
如果你使用谷歌浏览器或火狐浏览器，你会发现页面上的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中的placeholder换行功能
这篇文章主要介绍了用CSS实现textArea中的placeholder换行功能,依照传统方法书写的话会出现问题,文中给出了解决方法,需要的朋友可以参考下2015-07-08textarea布局时文字在左下边且不能改变大小尺寸的解决方法
textarea文本域左边的文字一直都是在textarea的左下边，看起来不美观；textarea文本域明明设置好的cols和rows但是还是能改变大小，以上这些问题，可以参考本文的解决方法2014-07-16- textarea 用来创建一个可以输入多行的文本框，此标志对用于form标志对之间,他还支持一些事件的处理2014-06-28
- 如何实现textarea中获取动态剩余字数的方法？下面小编就为大家带来一篇实现textarea中获取动态剩余字数的方法。希望对大家有所帮助。一起跟随小编过来看看吧2016-05-25
最新评论