文本区域中的滚动条答案

【问题标题】：scroll bar in textareas文本区域中的滚动条
【发布时间】：2010-05-16 20:00:52
【问题描述】：

在下面的代码中，滚动条出现在IE中，而在mozilla中没有，如何解决，在数据不多的地方不应该出现滚动条。

<script>
var row= '<table><tr>';
row = '<tr class="display_row"">';
row += '<td  class="display_col" wrap width="75"><b><textarea rows = "8" cols = "18" border ="1" class="input" style="border: none;overflow:visible;width:95%;" readonly maxlength="5">Name selected is Tom </textarea>';
 row+='</td></tr></table>';
 </script>

【问题讨论】：

标签： css css-selectors

【解决方案1】：

这看起来您没有使用textarea 进行编辑，而是显示数据。我的建议是不要使用textarea，这样你的样式会更加灵活。

还有：桌子有什么用处？

【讨论】：

【解决方案2】：

这是 IE 中的正常行为：当其内容超过容器的高度时，可以变为可滚动的区域，但没有获得停用的滚动条。

据我所知，除了在某些元素中（我从未分析过究竟是哪些元素）使用 overflow: hidden 外，此功能无法关闭 - 但是滚动条永远消失了。

【讨论】：

【解决方案3】：

在文本区域的样式中使用overflow: hidden。

【讨论】：

这将完全移除滚动条。

【解决方案4】：

滚动条不应出现在数据不多

所以使用overflow:auto 并让浏览器完成工作。

【讨论】：

【解决方案5】：

overflow:auto 是正确的答案。

不过，在您的示例中，代码完全没有语义。

【讨论】：

我不认为overflow: auto 可以在这里工作 - IE 无论如何都会显示禁用的滚动条。
不。 auto 值告诉 IE 在不需要时隐藏滚动条，并在需要时显示它。这是一个有据可查的问题。