textarea 在 Chrome Safari FireFox 浏览器中禁用拖动和固定大小
2011-03-16 21:03
447 查看
HTML 标签 textarea 在大部分浏览器中只要指定行(rows)和列(cols)属性,就可以规定 textarea 的尺寸,大小就不会改变,不过更好的办法是使用 CSS 的 height 和 width 属性,但是Chrome,Safari和FireFox渲染的效果不同,可以拖动右下角图标改变大小。但是过分拖动大小会影响页面布局,使页面变得不美观。可以通过添加如下两个样式禁用拖动,固定大小:
1:彻底禁用拖动(推荐)
2:只是固定大小,右下角的拖动图标仍在
3:浏览器信息:
// document.write(navigator.userAgent);
// ]]>
效果预览:
可以拖动 禁用拖动 固定大小
1:彻底禁用拖动(推荐)
resize: none;
2:只是固定大小,右下角的拖动图标仍在
width: 200px; height: 100px; min-width: 200px; min-height: 100px; max-width: 200px; max-height: 100px;
3:浏览器信息:
// document.write(navigator.userAgent);
// ]]>
效果预览:
可以拖动 禁用拖动 固定大小
相关文章推荐
- textarea 在 Chrome Safari FireFox 浏览器中禁用拖动和固定大小
- textarea 在 Chrome Safari FireFox 浏览器中禁用拖动和固定大小
- textarea 在 Chrome Safari FireFox 浏览器中禁用拖动和固定大小
- textarea 在 Chrome Safari FireFox 浏览器中禁用拖动和固定大小
- textarea 在 Chrome Safari FireFox 浏览器中禁用拖动和固定大小
- textarea 在浏览器中禁用拖动和固定大小
- textarea 在浏览器中禁用拖动和固定大小
- textarea 在浏览器中禁用拖动和固定大小
- textarea 在浏览器中禁用拖动和固定大小
- 关于textarea在safari chrome下可拖动大小的问题
- textarea 在浏览器中固定大小和禁止拖动
- textarea 在浏览器中固定大小和禁止拖动
- textarea 在浏览器中固定大小和禁止拖动
- textarea 在浏览器中固定大小和禁止拖动
- textarea 在浏览器中固定大小和禁止拖动
- textarea 在浏览器中固定大小和禁止拖动
- textarea 在浏览器中固定大小和禁止拖动
- textarea 在浏览器中固定大小和禁止拖动
- textarea 在浏览器中固定大小和禁止拖动
- textarea 在浏览器中固定大小和禁止拖动