`
iwebcode
  • 浏览: 2009884 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
文章分类
社区版块
存档分类
最新评论

【Css】textarea在Chrome、FireFox中固定大小

 
阅读更多

转载:http://blog.csdn.net/piger920/article/details/6914003

/**

* Author:RDP
* My mail:abel1314520@gmail.com
* My blog:http://blog.teamhaka.com

*/


textarea在Chrome、和一些版本的FireFox中,会在右下角出现一个拖动的标志。

如图:

拖动textarea会改变其尺寸,进而会影响页面布局,使页面变得凌乱不堪。

要使textarea无法被拖动,固定在其自由尺寸的方式就是在其样式中添加:

resize: none;

这样,textarea在Chrome和FireFox中就不会被用户随意拖动了,右下角可被拖动的提示标志也不会出现。


分享到:
评论

相关推荐

    textarea 在浏览器中固定大小和禁止拖动的实现方法

    HTML 标签 textarea 在大部分浏览器中只要指定行(rows)和列(cols)属性,就可以规定 textarea的尺寸,大小就不会改变,不过更好的办法是使用 CSS 的 height 和 width属性,但是Chrome,Safari和FireFox渲染的效果...

    firefox-dark-theme-fix:Firefox 的 userContent.css 文件,修复了在 Ubuntu 上使用深色主题时的一些外观问题

    将以下内容复制到位于“~/.mozilla/firefox/randomstring.default/chrome”中的 userContent.css 文件。 如果该目录不存在,则创建一个。 如果该文件不存在,则创建一个。 当使用深色主题时,这些设置将覆盖 Fire...

    flexText:用于自动高度文本区域的轻量级 jQuery 插件。 这是你害怕让自己想要的一切

    在 Safari Mac/iOS 5、Chrome、Firefox 3.6+、Opera、IE8+ 中测试并正常工作。 (在 IE7 中功能很好,但由于浏览器的框大小限制,textarea 可能不是像素完美的)。演示请参阅。用法将 style.css 中的基本 CSS 规则...

    xheditor 1.2.2.zip

    xhEditor是一个基于jQuery开发的简单迷你并且高效的在线可视化HTML编辑器,基于网络访问并且兼容IE 6.0 ,Firefox 3.0 ,Opera 9.6 ,Chrome 1.0 ,Safari 3.22 。完全基于JavaScript开发,您可以应用在任何的服务端语言...

    kindeditor-4.1

    KindEditor 是什么? KindEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 KindEditor 把...兼容:支持大部分主流浏览器,比如 IE、Firefox、Safari、Chrome、Opera

    kindeditor-v4.1

    KindEditor是一套开源的HTML可视化编辑器,主要用于让用户在网站上获得所见即所得编辑效果,兼容IE、Firefox、Chrome、Safari、Opera等主流浏览器。 KindEditor使用JavaScript编写,可以无缝的于Java、.NET、PHP、...

    kindeditor-4.1.5.rar

    KindEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即...兼容:支持大部分主流浏览器,比如 IE、Firefox、Safari、Chrome、Opera 压缩内容简约已经被我简约化了,去除了一些自带的调试的文件!

    xhEditor编辑器 v0.9.3 繁体中文 v0.9.3

    xhEditor是一个基于jQuery开发的简单迷你并且高效的可视化XHTML编辑器,基于网络访问并且兼容IE 6.0-8.0,Firefox 3.0,Opera 9.6,Chrome 1.0,Safari 3.22。 Features(特点): Small:初始加载5个文件,包括:1个js...

    CSS去掉A标签(链接)虚线框的方法

    在 Firefox 里可以用 -moz-outline:none; 或者 outline:none; 来将其去掉。所以我们可以这样写: 复制代码代码如下:a:focus { outline:none; -moz-outline:none;}顺便提一下,如果你用过 Safari 和 Chrome 可能会...

    BleuFear:带有狂野电蓝色条纹的深色主题

    Faenza-Darkest GNOME-shell: 肉桂主题:薄荷色要修复文本输入在 Firefox 中不呈现暗的问题,请将其添加到~/.mozilla/firefox/$PROFILEDIR/chrome/userContent.css : input {-moz-appearance: none !important;...

    ExtAspNet_v2.3.2_dll

    支持的浏览器: IE 7.0+, Firefox 3.0+, Chrome 2.0+, Opera 9.5+, Safari 3.0+ 注:ExtAspNet基于一些开源的程序ExtJS, HtmlAgilityPack, Nii.JSON, YUICompressor。 示例: http://extasp.net/ 开源: ...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    支持的浏览器: IE 7.0+, Firefox 3.0+, Chrome 2.0+, Opera 9.5+, Safari 3.0+ 注:ExtAspNet基于一些开源的程序ExtJS, HtmlAgilityPack, Nii.JSON, YUICompressor。 示例: http://extasp.net/ 开源: ...

    xheditor v1.0.0 rc2 build 100401

    xhEditor是一个基于jQuery开发的简单迷你并且高效的可视化XHTML编辑器,基于网络访问并且兼容IE 6.0+,Firefox 3.0+,Opera 9.6+,Chrome 1.0+,Safari 3.22+。 xhEditor is a simple,small,fast WYSWYG(What You See ...

    编辑器 KindEditor 4.0.4

    兼容:支持大部分主流浏览器,比如 IE、Firefox、Safari、Chrome、Opera ver 4.0.4 (2011-12-11) 新增: 阿拉伯语语言包。 改善: 上传文件时显示上传中提示。 改善: JSON解析失败时,通过弹出层显示服务器返回...

    Gmail:trade_mark:广告拦截器「Ad-blocker for Gmail:trade_mark:」-crx插件

    在Gmail中隐藏广告,以及更酷的内容(请参阅http://doiop.com/gmailads了解更多信息)。...Vous cherchez l'扩展Firefox? http://addons.mozilla.org/firefox/addon/ad-blocker-for-gmail 支持语言:English

    xhEditor编辑器 v0.9.6 简体中文

    xhEditor是一个基于jQuery开发的简单迷你并且高效的可视化XHTML编辑器,基于网络访问并且兼容IE 6.0-8.0,Firefox 3.0,Opera 9.6,Chrome 1.0,Safari 3.22。Features(特点): Small:初始加载5个文件,包括:1个js...

    xhEditor编辑器 v0.9.6 繁体中文

    xhEditor是一个基于jQuery开发的简单迷你并且高效的可视化XHTML编辑器,基于网络访问并且兼容IE 6.0-8.0,Firefox 3.0,Opera 9.6,Chrome 1.0,Safari 3.22。Features(特点): Small:初始加载5个文件,包括:1个js...

    xhEditor编辑器 v0.9.7 简体中文

    软件介绍xhEditor是一个基于jQuery开发的简单迷你并且高效的可视化XHTML编辑器,基于网络访问并且兼容IE 6.0-8.0,Firefox 3.0,Opera 9.6,Chrome 1.0,Safari 3.22。Features(特点): Small:初始加载5个文件,包括:...

Global site tag (gtag.js) - Google Analytics