大家好，我想让textarea自适应容器的高度，设置height:100%
结果其他浏览器能自适应高度，就IE6/7不能,
望高手指点
<!DOCTYPE html>
<html>
<head>
<title>textarea.html</title>
<meta http-equiv="content-type" content="text/html; charset=GB18030"/>
<style type="text/css">
.div{width:200px;height:200px;border:1px solid #999;padding:10px;float:left}
.textarea{height:100%;width:100%;overflow:auto;border:1px solid #3164ac;
zoom:1;
display:block;/*都不能让ie6、7的height:100%起作用*/
}
</style>
</head>
<body>
<div class="div">
<textarea rows="0" cols="0" class="textarea">textarea</textarea>
</div>
<div class="div">
<span class="textarea">span</span>
</div>
<div class="div">
<img class="textarea" alt="img"></img>
</div>
<div class="div">
<input class="textarea" value="input"></input>
</div>
</body>
</html>
其他浏览器显示
IE6/7显示
input和textarea无效，其他inline，inline-blcok元素都有效。
如果设置height:100px,IE6/7有效，只是设置百分比无效。
奇怪
相关推荐
Vue自定义组件实现文本框根据文本内容自适应高度的效果，解决若输入文本量或显示文本量超过指定行数后，会出现垂直滚动条，但在IE环境下，该滚动条是隐藏的问题。
否则IE(6|7|8)下插件失效.1. 加载jQuery库(1.4 )2. 加载textareaAutoHeight.js3. 使用以下接口调用插件:$('textarea').tah({ moreSpace:15, //输入框底部预留的空白, 默认15, 单位像素 maxHeight:600, //指定...
jquery----TextArea高度自适应
textarea高度自适应的jquery插件
IE6-9 input和textarea元素的placeholder（占位符）属性与textarea元素的maxlength（最大长度限制）属性的修复与所有浏览器的实时输入捕捉，仅需要提供一个元素或者元素id与实时捕捉回调函数（可选）。甚至实现了各...
在textarea光标处插入文本
基于Vue的高度自适应文本输入框 Use Setup (开始) Install auto-textarea (安装) $ npm install auto-textarea --save package.json "auto-textarea": "^1.3.6" Use (如何引入) // 方法一 // import with ES6 ...
自已写了一个可根据内容 自动调整高度的TEXTAREA ,
这是一个令textarea高度自适应的插件，使用jquery 去掉令人非常讨厌的滚动条；
根据文字的多少自动增高 能够自动伸缩 也可以 ←Backspace 减少字体的同时高度跟着减
textarea根据内容自适应高度 组件 注意：要监听input事件改变value值 使用： <autoheight_textarea value="{{value}}" placeholder="写个评论" bindinput="listenerinput"></autoheight_textarea>
这种主要在手机端应用较为广泛，当前PC也是可以用的了。 使用简单，也可以通过JS触发事件调整大小
jQuery扩展函数，用于获取设置textarea中光标位置
NULL 博文链接：https://xiaojin21cen.iteye.com/blog/1560814
jQuery TextArea Auto-Height plugin jquery插件
textarea在文本之后获得焦点，适合ie，火狐，谷歌
解决textarea文字太多无法高度自适应问题，使用div模拟textarea
里面包含了两个javascript方法，一个是判断终端类型的，根据userAgent判断访问网页的是什么类型的终端 第二个方法，是使textarea根据内容的多少，自动设置相应的高度，使文字不被隐藏
在ie6,7下会有滚动条，但是灰色不可拖拽的状态 如果要ie不出现滚动条的话，可以设置overflown-y:hidden;不过这样一来，如果文字大于4行，那它还是不会出现滚动条的，在此可以用js进行判断，如果是ie浏览器，...
textarea元素在chrome等浏览器下可以被拖拉从而改变大小，对于查看textarea里面的内容来说相当方便,但是有时候,我们为了保持网页的美观，不得不想要禁掉这个功能，禁止用户随意拉动textarea的大小