textareas中的滚动条

时间:2010-05-16 10:46:04

标签: css css-selectors

在下面的代码中,滚动条出现在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>

5 个答案:

答案 0 :(得分:1)

这看起来您没有使用textarea进行编辑,而是显示数据。我的建议是不要使用textarea然后你会更灵活的造型。

另外:表适合什么?

答案 1 :(得分:1)

这是IE中的正常行为:当其内容超出容器的高度时, 可以变为可滚动的区域,但未获得停用的滚动条。

据我所知,除了某些元素(我从来没有使用overflow: hidden确切地分析过哪些元素)之外,不能关闭它 - 但随后,滚动条将永远消失。

答案 2 :(得分:0)

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

答案 3 :(得分:0)

  

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

因此请使用overflow:auto并让浏览器完成工作。

答案 4 :(得分:0)

溢出:自动是正确的答案。

尽管你的例子中有神圣的非语义编码。