欢迎使用CSDN-markdown编辑器
来源:互联网 发布:大学软件工程项目 编辑:程序博客网 时间:2024/05/20 23:39
textarea 在浏览器中固定大小和禁止拖动
本Markdown编辑器使用[StackEdit][6]修改而来,用它写博客,将会带来全新的体验哦:
1.textarea大小的控制
最近做的项目中,需要控制textarea的大小。从网上查了下,只需要设置cols和rows属性即可。
示例:
<textarea cols=’50’ rows=’3’></textarea>
但是有个问题:
不同浏览器下textarea的大小不同,这是由于不同浏览器下的col和row大小不同导致的。
对于这个问题,从网上查了下,只需设置textarea的width和hight为尺寸数值即可。
如下代码:
<textarea style=’height:150px;width:100%;’ ></textarea>
但是当输入内容后,单击页面其他地方使textarea失去焦点时,textarea就会意外的变大了。
调试了半天,无果
和同事交流了下,他提示我设置成固定值试试。如下代码:
<textarea style=’height:150px;width:900px;’ ></textarea>
然后就可以了。
2.textarea禁止移动
在火狐浏览器下,textarea右下角会出现一个可拖动的图标。可采用如下方法隐藏这个图标:
<textarea style=’ resize: none;’ ></textarea >
这时textarea就不能够被拖动了。
参考资料:
http://blog.sina.com.cn/s/blog_641d569301011naz.html
http://sxyandapp.blog.163.com/blog/static/61488308201211195055551/
0 0
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- Leetcode 70. Climbing Stairs
- Message Flood sdutoj 1500 (STL map 的使用)
- javascript-python-git学习
- 编写高质量代码之读书笔记3
- java基础总结3
- 欢迎使用CSDN-markdown编辑器
- 您不得不知道的一件大事——Internet of things
- 基础类库:包装类
- 292_ActionBar的使用
- 位运算
- 分解让复杂问题简单化-面试题27-二叉搜索树与双向链表
- 293_AndroidStudio常用快捷键
- SVN教程(一)
- 【NOIP 2016】斗地主