如果我设置高度以便实际只显示两行,则 Firefox 将不会在 2 行文本区域中显示滚动条。我必须让它足够大才能显示下面一行的一部分。有人解决过这个问题吗?
我创建了一个jsfiddle:http://jsfiddle.net/briank/ATFdE/6/ 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>
没有可行的解决方法,您只是想将大象放入茶杯中。低于给定阈值(大约 35 像素,具体取决于系统和浏览器),就不再有空间容纳可识别的滚动条。 Firefox 决定隐藏它,Chrome 只是删除了滚动滑块 - 两者都意味着它不可用。
为了让它出现,实际上要给它足够的高度。
在半相关的说明中,您可以设置resize:none
在 CSS 中制作一个textarea
元素具有静态大小,而不是右下角可调整大小的角。这也为它提供了更多的空间来容纳滚动条,但在正常情况下,高度仅为 30 像素时仍然没有足够的空间。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)