使用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高级选择器使用方法
Dec 02 HTML / CSS
CSS3提交意见输入框样式代码
Oct 30 HTML / CSS
利用CSS3制作简单的3d半透明立方体图片展示
Mar 25 HTML / CSS
css3 伪类选择器快速复习小结
Sep 10 HTML / CSS
纯CSS3实现运行时钟的示例代码
Jan 25 HTML / CSS
浅谈html5与APP混合开发遇到的问题总结
Mar 20 HTML / CSS
canvas里面如何基于随机点绘制一个多边形的方法
Jun 13 HTML / CSS
Canvas引入跨域的图片导致toDataURL()报错的问题的解决
Sep 19 HTML / CSS
canvas 橡皮筋式线条绘图应用方法
Feb 13 HTML / CSS
HTML5去掉输入框type为number时的上下箭头的实现方法
Jan 03 HTML / CSS
使用layui框架实现点击左侧导航切换右侧内容且右侧选项卡跟随变化的效果
Nov 10 HTML / CSS
CSS完成视差滚动效果
Apr 27 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
微信自定义菜单的处理开发示例
2015/04/16 PHP
PHP单例模式定义与使用实例详解
2017/02/06 PHP
PHP微信发送推送消息乱码的解决方法
2019/02/28 PHP
Alliance vs Liquid BO3 第三场2.13
2021/03/10 DOTA
js实现的日期操作类DateTime函数代码
2010/03/16 Javascript
js变换显示图片的实例
2013/04/16 Javascript
JS求平均值的小例子
2013/11/29 Javascript
node.js实现端口转发
2016/04/14 Javascript
去除字符串左右两边的空格(实现代码)
2016/05/12 Javascript
jQuery过滤特殊字符及JS字符串转为数字
2016/05/26 Javascript
省市选择的简单实现(基于zepto.js)
2016/06/21 Javascript
实现React单页应用的方法详解
2016/08/02 Javascript
关于JS中二维数组的声明方法
2016/09/24 Javascript
jQuery Validate 校验多个相同name的方法
2017/05/18 jQuery
详解前后端分离之VueJS前端
2017/05/24 Javascript
jQuery.form.js的使用详解
2017/06/14 jQuery
基于JavaScript实现带数据验证和复选框的表单提交
2017/08/23 Javascript
Node.js使用Koa搭建 基础项目
2018/01/08 Javascript
Vue常用指令详解分析
2018/08/19 Javascript
Vue中控制v-for循环次数的实现方法
2018/09/26 Javascript
Vue.js 时间转换代码及时间戳转时间字符串
2018/10/16 Javascript
JQuery Ajax跨域调用和非跨域调用问题实例分析
2019/04/16 jQuery
vue+element导航栏高亮显示的解决方式
2019/11/12 Javascript
只有 20 行的 JavaScript 模板引擎实例详解
2020/05/11 Javascript
JavaScript中window和document用法详解
2020/07/28 Javascript
TensorFlow实现简单的CNN的方法
2019/07/18 Python
python输出数学符号实例
2020/05/11 Python
python 如何把docker-compose.yaml导入到数据库相关条目里
2021/01/15 Python
优秀学生自我鉴定范例
2013/12/18 职场文书
幼儿园中秋节活动反思
2014/02/16 职场文书
公证书样本
2014/04/10 职场文书
2015年公民道德宣传日活动总结
2015/03/23 职场文书
团干部培训班心得体会
2016/01/06 职场文书
Python绘制散点图之可视化神器pyecharts
2022/07/07 Python
vue3 自定义图片放大器效果的示例代码
2022/07/23 Vue.js
Python中np.random.randint()参数详解及用法实例
2022/09/23 Python