полоса прокрутки в текстовых областях

Question

В следующем коде: полоса прокрутки появляется в 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>

Answer 1

Это нормальное поведение в IE: области, которые могут стать прокручиваемыми, когда их содержимое превышает высоту контейнера, но не имеют деактивированной полосы прокрутки.

Насколько мне известно, это нельзя отключить, за исключением некоторых элементов (я никогда не анализировал, какие именно) с помощью overflow: hidden - но тогда полоса прокрутки исчезла навсегда.

Answer 2

Похоже, вы используете textarea не для редактирования, а для отображения данных. Мое предложение было бы не использовать textarea, тогда вы будете более гибкими со стилем.

Также: для чего нужен стол?

Answer 3

переполнение: авто является правильным ответом.

Священное несемантическое кодирование в вашем примере.

Answer 4

полоса прокрутки не должна появляться там, где данных не так много

Так что используйте overflow:auto и пусть браузер сделает всю работу.

Answer 5

Используйте overflow: hidden в стиле для текстовой области.