Textarea Scrollbar没有在firefox中显示

时间:2013-02-22 21:38:43

标签: html firefox textarea scrollbar

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

任何大于75像素的其他文本区域都会正确显示滚动条。

有没有办法解决这个问题,还是仅仅是Firefox的默认行为?

这是我的CSS

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

更新:行为现在不一致,现在下降到60px低于60px没有滚动条

2 个答案:

答案 0 :(得分:1)

对我而言,身高小于75像素。但是,当textarea的高度非常小(约35px)时,滚动条将不适合,因此不会显示。尝试为textarea添加以下CSS:

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

答案 1 :(得分:0)

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