html - Firefox中未显示Textarea滚动条

Question

我有一个动态创建/插入到 DOM 中的文本区域。如果文本区域的高度低于 75px 并且其中的文本超过了该高度，那么您会看到滚动条，但您看不到它。

任何其他大于 75px 的 textarea 都会正确显示滚动条。

有没有办法解决这个问题，或者这只是 Firefox 的默认行为？

这是我的 CSS

textarea {
           position:absolute; 
           border:0;  
           overflow:auto; 
           resize:none;
}

更新：行为现在不一致，现在下降到 60px 以下 60px 没有滚动条

score 1 · Accepted Answer

适用于高度小于 75 像素的我。但是，当 textarea 的高度非常小时（大约 35 像素）滚动条将不适合，因此不会显示。尝试为 textarea 添加以下 CSS：

textarea {    
    resize: none; //disable resizing, so that the scrollbar is 100% high
    overflow: auto;
}

score 0 · Accepted Answer

由于 Firefox 和 Internet Explorer 根本不支持滚动条的任何 CSS 样式。使用插件真的是你唯一的选择

2 回答 2