CSS3魔法堂:禁止用户改变textarea大小
2024-10-16 01:36:56
一、前言
在FF、Chrome和Safari下默认时允许用户以拖拽形式来改变textarea大小,这不仅与IE下textarea的行为特点有异,而且textarea的大小变化会撑大其父节点从而破坏整体布局。
二、原因
通过调用 window.getComputedStyle(textarea元素, null).resize 返回both,我们可以知道原来是resize样式属性搞的鬼。
三、CSS3属性──resize
用于设置UserAgent调整元素尺寸的机制,就是说设置用户能否和如何自行改变元素尺寸。
值范围
none:不允许UserAgent调整元素尺寸;
both :允许UserAgent调整元素水平、垂直方向的尺寸;
vertical:允许UserAgent调整元素垂直方向的尺寸;
horizontal:允许UserAgent调整元素水平方向的尺寸;
inherit :继承父元素
在FF、Chrome和Safari下
对于div来说resize属性值时inherit(其实就是none),而对于textarea而言默认值为both。
四、解决办法
为textarea设置 resize: none
尊重原创,转载请注明来自:http://www.cnblogs.com/fsjohnhuang/p/3940728.html ^_^肥仔John
最新文章
- Js函数function基础理解
- Docker - 入门
- Linux 进程间通讯详解一
- spread 程序调试时,未激活的提示解决
- Google的Java开发规范
- RedRabbit——基于BrokerPattern服务器框架
- Tortoise SVN 不显示 Log Message 具体信息的解决方法
- SharePoint自动化系列——Add/Remove “Hold” from items
- Mybatis 学习-2
- 压力单位MPa、Psi和bar之间换算公式
- PureMVC(JS版)源码解析(四):Notifier类
- [Unit Testing] Angular Unit Testing, ui-router, httpbackend and spy
- KB2533623 下载
- Linux命令kill和signal
- GitHub 可以免费创建私人仓库啦
- Vcomputer简介
- ChromeDriver截图
- (七)Knockout 创建自定义绑定
- 使用shiro的密码服务模块
- STL:unique()函数
热门文章
- Ubuntu虚拟机JeOS安装-2016.08.28
- maven nexus-staging-maven-plugin exception-connect timed out
- 用CSS box-shadow画画
- GPRM/GNRMC定位信息的读取与解析
- iOS 多渠道打包 编译脚本
- CoreImage 处理图片
- Java Native Interface Specification—Contents
- Spring3系列13-Controller和@RequestMapping
- centos 7 中 tomcat 安装
- 使用 SyndicationFeed 输出 Rss