我有一个动态创建/插入DOM的textarea。如果文本区域的高度低于75px并且文本区域内的文本超过了该文本区域,那么您可能会想到滚动条但是您看不到它。
任何大于75像素的其他文本区域都会正确显示滚动条。
有没有办法解决这个问题,还是仅仅是Firefox的默认行为?
这是我的CSS
textarea {
position:absolute;
border:0;
overflow:auto;
resize:none;
}
更新:行为现在不一致,现在下降到60px低于60px没有滚动条
答案 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样式。确实,使用插件是您唯一的选择