resize属性,使textarea在ff(火狐)中禁止拉伸
2013-05-08 11:31
253 查看
HTML 标签 textarea 在大部分浏览器中只要指定行(rows)和列(cols)属性,就可以规定 textarea 的尺寸,大小就不会改变,不过更好的办法是使用 CSS 的 height 和 width 属性,但是Chrome,Safari和FireFox渲染的效果不同,可以拖动右下角图标改变大小。但是过分拖动大小会影响页面布局,使页面变得不美观。可以通过添加如下两个样式:1.禁用拖动2固定大小.
彻底禁用拖动:resize: none;
如果用textarea的属性字数宽度(cols)和行数(rows)来控制textarea的大小你会发现在,在IE和FF下的每行字数和文字的行数都不相同,而且在字数不足滚动的情况下,IE是默认有滚动条的,而FF是没有滚动条的。
让滚动条自适应:overflow-y:auto
彻底禁用拖动:resize: none;
如果用textarea的属性字数宽度(cols)和行数(rows)来控制textarea的大小你会发现在,在IE和FF下的每行字数和文字的行数都不相同,而且在字数不足滚动的情况下,IE是默认有滚动条的,而FF是没有滚动条的。
让滚动条自适应:overflow-y:auto
相关文章推荐
- resize属性,使textarea在ff(火狐)中禁止拉伸
- 禁止<textarea>拉伸的方式
- 【CSS】textarea标签中resize属性的设置
- 禁止textarea拉伸
- textarea标签中resize缩放属性的设置
- CSS中的textarea的一些设置之resize属性(个人笔记)
- textarea标签中resize缩放属性的设置
- 使用多行文本Textarea大小设置与resize属性结合使用
- textarea标签中resize缩放属性的设置
- 禁止textarea拉伸
- \t\tCSS3 属性选择符 火狐ff 可以看见效果
- 去除textarea右下角的箭头(禁止拉伸)与div增加阴影问题
- 禁止textarea拉伸
- 禁止多行文本框textarea拖拽
- CSS3 resize 属性
- textarea的placeholder属性内容折行显示(PC和移动端端)
- 兼容于FF和IE的textArea字数限制
- 判断当前浏览器是不是火狐和禁止鼠标滚轮事件
- JS中禁止对象属性扩展、密封对象、冻结对象