取消 IE 浏览器下 textarea 元素的默认滚动条

最新推荐文章于 2024-01-12 16:34:17 发布
原创 最新推荐文章于 2024-01-12 16:34:17 发布 · 787 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

博客介绍了给textarea元素添加样式的简单方法，只需添加overflow:hidden即可。
很简单，给 textarea 元素添加样式： overflow:hidden 即可
ie6,ie7,firefox的textarea滚动条、边框
12-01
在ie6,7下会有滚动条，但是灰色不可拖拽的状态    如果要ie不出现滚动条的话，可以设置overflown-y:hidden;不过这样一来，如果文字大于4行，那它还是不会出现滚动条的，在此可以用js进行判断，如果是ie浏览器，如果字符大于多少，就设置 overflown-y:none; 这样大于4行就又可以显示滚动条了。   再看边框，如果设置textarea{border:none;}那在firefox里是可以达到没有边框的效果，但在ie6里还是不可以的，所以得这样：textarea{border:none;border:1px solid none;} 如果有不正确或有更好的的方法欢迎
IE下textarea默认不显示滚动条的实现代码
09-25
虽然上述方法可以实现在IE浏览器中不显示默认滚动条的目的，但在某些情况下，可能会引起用户体验的一致性问题。例如，用户可能习惯于看到滚动条作为一个提示，表明内容是可以滚动的。如果滚动条在内容实际超出时才...
从IE中的Textarea中删除滚动条
CSS 初学者指南
06-23 266
默认情况下，所有版本的IE都在textareas上具有滚动条，即使它们为空。 没有其他浏览器可以执行此操作，因此，如果要删除它，以便IE可以直观地与其他浏览器相匹配，只需： textarea { overflow: auto; } 当textarea中的文本超出其范围时，滚动条将（正确地）返回。 翻译自: https://css-tricks.com/snippets/css/...
textarea删除滚动条_如何在IE中删除Textarea滚动条
08-20 154
textarea删除滚动条 这可能是我发布过的最快CSS技巧，但是谁想要在星期五进行复杂的教程！ 当您使用表格textarea ，即使不需要，Internet Explorer也会始终显示滚动条…… 滚动条不会出现在Firefox，Chrome，Safari或Opera中。 它也没有意义并且有点丑陋-特别是当textarea被标准input框包围时。 它从来没有真正打扰过我：我只是假设IE就...
ie8中textarea的编辑，滚动条等问题
gfcat博客
10-10 1686
最近项目遇到需要一个问题，就是查看功能的时候如果textarea中的文字过长，如果用disabled属性会直接置灰，后边的内容可能显示不完整而且滚动条也不能用，于是乎，我找了很久的方法才发现，readonly属性就可以，真是失策啊，我还用了很多css去控制，简直了 在这里，我发现，readonly单用，不能编辑，但是可以用滚动条 disabled,用了全部置灰，不能使用滚动条（注：我的是ie8
如何取消textarea元素IE下的默认滚动条
键盘上的舞者
08-23 635
如何取消textarea元素IE下的默认滚动条：IE6/7/8/9/10 中弹出的是scroll，其它浏览器则不是。 IE的处理让人很费解，textarea中尚未输入内容就出现了滚动条。如果想去掉，只需设置overflow:auto。...
实现兼容各浏览器的textArea滚动条样式
浏览器默认为TextArea元素提供的滚动条样式通常是朴素的，但有时为了满足特定的界面设计需求，开发者可能需要对滚动条样式进行自定义。CSS提供了`::-webkit-scrollbar`伪元素以及相关的伪类和伪元素（如`::-webkit-...
textArea滚动条样式
11-10
然而，其默认的滚动条样式在不同浏览器之间存在差异，可能不符合设计师的美观要求或网站的整体风格。本文将详细介绍如何使用JavaScript来实现`textarea`滚动条样式的自定义，以实现跨浏览器的兼容性。 首先，我们...
用javascript实现改变TEXTAREA滚动条和按钮的颜色，以及怎样让滚动条变得扁平
12-09
/* 首先隐藏默认滚动条 */ overflow: auto; -ms-overflow-style: none; scrollbar-width: none; } /* Webkit浏览器的滚动条样式 */ textarea::-webkit-scrollbar { width: 8px; /* 滚动条宽度 */ height: 8px...
自定义滚动条（兼容所有浏览器）
07-25
兼容各种浏览器，多种滚动条样式，兼容各种浏览器，多种滚动条样式
textarea 自适应大小 兼容Chrome ie等浏览器
04-08
textarea 自适应大小 兼容Chrome ie等浏览器，自动调整大小
如何在IE中删除Textarea滚动条
08-20 128
这可能是我曾经张贴最快的CSS尖，但谁愿意在一个星期五的复杂的教程！ 当你使用表单textarea ，Internet Explorer始终显示，即使它是不必要的滚动条... 滚动条不会出现在火狐，Chrome，Safari浏览器和Opera。 这是没有意义的，有点丑太-特别是当textarea被包围的标准input框。 它从来没有真正困扰我：我只是认为这就是IE没有，从来没有进一步质疑它。 ...
[兼容]IE下textarea滚动条不能滚动
weixin_33834910的博客
08-26 490
在ie下，disable的textarea是不能使用滚动条的， 将disable改为readonly 转载于:https://www.cnblogs.com/zhangwenkan/p/4760374.html
textarea 在IE浏览器中无法调整大小的问题
最新发布
qq_44699082的博客
01-12 523
解决 IE模式下 textarea 文本框无法调整长度的问题
Textarea在IE下的显示问题
hongweigg的专栏
06-29 5388
问题： HTML textarea组件在IE下导致网页不能正常显示，在表格中显示，表格出现错误，textarea尾部内容不能正常显示。 原因： 这种写法在IE下有问题，IE浏览器不能正常解析。 解决： 使用这样的写法，就可以正常解析。
textarea在IE浏览器下只显示一行
tianye776699的博客
11-01 1615
最近在写项目时，发现textarea在IE下只显示一行，这个问题纠结了好久，也在百度好久，都说这个问题是IE的一个BUG，在别的浏览器上都没有，只在IE下有这个问题 在网上找了许多办法 1.内容 这种方法如果超出两行，就会生成滚动条，也可以比较方便的查看，但是这种样式比较丑，我是果断放弃，和项目整体风格差别较大，大家可以试一下。 2.我们都知道，html一般是先加载页面，后执行赋值的INI文件，...
IE下textarea默认不显示滚动条
XF的专栏
05-14 5577
IE下textarea默认情况下会显示出竖直方向的滚动条： 如果需要隐藏滚动条，行数超过height时才显示出滚动条，需要把overflow设置为auto：
ie中隐藏textarea的滚动条显示
大学IT网
10-31 2028
默认情况下，ie中的textarea是带有滚动条的，那排textarea 只要加上如下语句即可： textarea { overflow: auto; }
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值