使用CSS禁止textarea调整大小功能的方法


Posted in HTML / CSS onMarch 13, 2015

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

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

CSS代码

复制代码
代码如下:

<style type="text/css">
textarea {
resize: none;
}
</style>

将resize属性设置为none,textarea就变成了固定大小,小三角也消失了。
HTML / CSS 相关文章推荐
使用CSS3和Checkbox实现JQuery的一些效果
Aug 03 HTML / CSS
HTML5文档结构标签
Apr 21 HTML / CSS
HTML5 video 视频标签使用介绍
Feb 03 HTML / CSS
HTML5中判断用户是否正在浏览页面的方法
May 03 HTML / CSS
HTML5新增元素如何兼容旧浏览器有哪些方法
May 09 HTML / CSS
H5 canvas实现贪吃蛇小游戏
Jul 28 HTML / CSS
canvas实现漂亮的下雨效果的示例
Apr 18 HTML / CSS
canvas环形倒计时组件的示例代码
Jun 14 HTML / CSS
htnl5利用svg页面高斯模糊的方法
Jul 20 HTML / CSS
解决HTML5中滚动到底部的事件问题
Aug 22 HTML / CSS
CSS SandBox应用场景及常见问题
Jun 25 HTML / CSS
CSS3实现的炫酷菜单代码分享
Mar 12 #HTML / CSS
css3实现3d旋转动画特效
Mar 10 #HTML / CSS
纯css3实现图片翻牌特效
Mar 10 #HTML / CSS
CSS3制作苹果风格键盘特效
Feb 26 #HTML / CSS
CSS3实现闪烁动画效果的方法
Feb 09 #HTML / CSS
CSS3使用transition实现的鼠标悬停淡入淡出
Jan 09 #HTML / CSS
一款基于css3和jquery实现的动画显示弹出层按钮教程
Jan 04 #HTML / CSS
You might like
php下判断数组中是否存在相同的值array_unique
2008/03/25 PHP
php foreach、while性能比较
2009/10/15 PHP
PHP中::、-&amp;gt;、self、$this几种操作符的区别介绍
2013/04/24 PHP
基于php判断客户端类型
2016/10/14 PHP
关于Yii2框架跑脚本时内存泄漏问题的分析与解决
2019/12/01 PHP
Laravel5.1 框架控制器基础用法实例分析
2020/01/04 PHP
可实现多表单提交的javascript函数
2007/08/01 Javascript
javascript通过class来获取元素实现代码
2013/02/20 Javascript
基于jquery自定义的漂亮单选按钮RadioButton
2013/11/19 Javascript
JavaScript的面向对象编程基础
2015/08/13 Javascript
node.js cookie-parser 中间件介绍
2016/06/06 Javascript
让div运动起来 js实现缓动效果
2017/07/06 Javascript
集合Bootstrap自定义confirm提示效果
2017/09/19 Javascript
react native与webview通信的示例代码
2017/09/25 Javascript
详解es6超好用的语法糖Decorator
2018/08/01 Javascript
在react-antd中弹出层form内容传递给父组件的操作
2020/10/24 Javascript
vue3.0 加载json的方法(非ajax)
2020/10/26 Javascript
微信小程序自定义tabBar的踩坑实践记录
2020/11/06 Javascript
[45:32]Liquid vs LGD 2018国际邀请赛淘汰赛BO3 第二场 8.23
2018/08/24 DOTA
[02:51]2018年度DOTA2最佳中单位选手-完美盛典
2018/12/17 DOTA
python list 合并连接字符串的方法
2013/03/09 Python
python自动zip压缩目录的方法
2015/06/28 Python
python smtplib发送带附件邮件小程序
2018/05/22 Python
对python 通过ssh访问数据库的实例详解
2019/02/19 Python
简单的Python调度器Schedule详解
2019/08/30 Python
Python使用configparser读取ini配置文件
2020/05/25 Python
django和flask哪个值得研究学习
2020/07/31 Python
Django配置Bootstrap, js实现过程详解
2020/10/13 Python
python绘图模块之利用turtle画图
2021/02/12 Python
html5新增的属性和废除的属性简要概述
2013/02/20 HTML / CSS
澳大利亚网上玩具商店:Mr Toys Toyworld
2018/03/25 全球购物
副乡长群众路线教育实践活动个人对照检查材料
2014/09/19 职场文书
个人租房协议书样本
2014/10/01 职场文书
古诗之感恩老师
2019/10/24 职场文书
《战锤40K:暗潮》跳票至9月 公布新宣传片
2022/04/03 其他游戏
MongoDB修改oplog大小的四种方法
2022/04/11 MongoDB