首页
研发服务
IT培训
智能制造
关于我们
您的位置 :
首页
>>
技术交流
>>
软件开发
>>
textarea元素IE6/7/8/9/10中默认有上下滚动条
textarea元素IE6/7/8/9/10中默认有上下滚动条
来源:广州中睿信息技术有限公司官网
发布时间:
2012/10/21 23:25:16
编辑:
editor
阅读
317
次
IE下有上下滚动条。其它浏览器没有。先看一个示例&lt!DOCTYPEHTML&gt&ltHTML&gt&ltHEAD&gt&ltmetacharset=&
IE下有上下滚动条。其它浏览器没有。先看一个示例
<!DOCTYPE HTML> <HTML> <HEAD> <meta charset="utf-8" /> <title>textarea</title> </HEAD> <BODY> <textarea></textarea> </BODY> </HTML>
textarea没有任何样式,IE6/7/8/9/10下如下
圈住部分可以看到出现了上下滚动条。其它浏览器则没有。在看看overflow的值,
<!DOCTYPE HTML> <HTML> <HEAD> <meta charset="utf-8" /> <title>textarea</title> </HEAD> <BODY> <textarea></textarea> <script> function getStyleProperty(el, name) { var cssStyleDeclaration, val; if(window.getComputedStyle) { cssStyleDeclaration = window.getComputedStyle(el, null); }else{ cssStyleDeclaration = el.currentStyle; } return cssStyleDeclaration.getPropertyValue(name); } var area = document.getElementsByTagName('textarea')[0]; var overflowVal = getStyleProperty(area, 'overflow'); alert(overflowVal); </script> </BODY> </HTML>
IE6/7/8/9/10 中弹出的是scroll,其它浏览器则不是。 IE的处理让人很费解,textarea中尚未输入内容就出现了滚动条。如果想去掉,只需设置overflow:auto。
相关阅读
· 猜猜,谁从从科幻走进现实了?2012.10.21
· 在网页设计中应用大照片作背景的52个优秀范例(上篇)2012.10.21
· HTML特殊字符编码对照表2012.10.21
· 常见Web技术之间的关系,你了解多少?2012.10.21
· for(var key in object){}语句枚举2012.10.21
联系我们
CONTACT
扫一扫
愿景:成为最专业的软件研发服务领航者
中睿信息技术有限公司 广州•深圳
Tel:020-38931912
务实 Pragmatic
广州:广州市天河区翰景路1号金星大厦18层中睿信息
Fax:020-38931912
专业 Professional
深圳:深圳市福田区车公庙有色金属大厦509~510
Tel:0755-25855012
诚信 Integrity
所有权声明:PMI, PMP, Project Management Professional, PMI-ACP, PMI-PBA和PMBOK是项目管理协会(Project Management Institute, Inc.)的注册标志。
版权所有:广州中睿信息技术有限公司 粤ICP备13082838号-2