欢迎使用CSDN-markdown编辑器

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/