简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

textarea,Chrome,Safari,FireFox,浏览器中禁用拖动和固定大小

来源:易贤网   阅读:896 次  日期:2015-04-16 16:21:36

温馨提示:易贤网小编为您整理了“textarea,Chrome,Safari,FireFox,浏览器中禁用拖动和固定大小”,方便广大网友查阅!

HTML 标签 textarea 在大部分浏览器中只要指定行(rows)和列(cols)属性,就可以规定 textarea 的尺寸,大小就不会改变,不过更好的办法是使用 CSS 的 height 和 width 属性,但是Chrome,Safari和FireFox渲染的效果不同,可以拖动右下角图标改变大小。但是过分拖动大小会影响页面布局,使页面变得不美观。可以通过添加如下两个样式禁用拖动,固定大小:

1:彻底禁用拖动(推荐)

resize: none;

2:只是固定大小,右下角的拖动图标仍在

width: 200px;

height: 100px;

max-width: 200px;

max-height: 100px;

效果预览:

可以拖动禁用拖动固定大小

更多信息请查看IT技术专栏

更多信息请查看脚本栏目
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:关于页面布局的一些注意点
下一篇:CSS,Hack,区分,IE6,IE7,IE8,Firefox
易贤网手机网站地址:textarea,Chrome,Safari,FireFox,浏览器中禁用拖动和固定大小
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!