html - Firefox 不会显示 2 行文本区域的滚动条

Question

如果我设置高度以便实际只显示两行，Firefox 将不会在 2 行文本区域中显示滚动条。我必须让它足够大以显示下面的部分行。有人解决过这个吗？

我创建了一个 jsfiddle:http://jsfiddle.net/briank/ATFdE/6/

<textarea rows="2" style="width: 200px; height: 30px; overflow:auto">
This is some text. see if it shows scrollbars
1
2
3 
</textarea>

Answer 1

没有可行的解决方法，您只是在尝试将大象放入茶杯中。低于给定的阈值，大约 35 像素，具体取决于系统和浏览器，就没有空间再用于可识别的滚动条。 Firefox 决定隐藏它，而 Chrome 只是删除了滚动拇指——两者都意味着它不可用。

要让它出现，实际上要给它足够的高度才能有一个。

半相关说明，您可以在 CSS 中设置 resize:none 以使 textarea 元素具有静态大小，而不是右下角的可调整大小的角。这也给了它更多的空间来容纳滚动条，但在正常情况下，只有 30 像素的高度仍然没有足够的空间。