Firefox不会显示2行textarea的滚动条

Question

如果我设置高度以便实际只显示两行，Firefox将不会在2行textarea中显示滚动条。我必须把它做得足够大，以显示下面的部分内容。有人解决这个问题吗？

我创建了一个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像素的高度仍然没有足够的空间。

Answer 2

在Firefox中，即使您手动为height设置textarea，textarea仍然可以通过点击并拖动角来更改高度。实际上拐角处有一个符号表示这种高度变化的能力。所以你不必担心它。也许设置一个更大的高度，因为它更好。

Answer 3

Chrome处理得很好，所以我已将测试用例添加到现有错误here。