我有一个contentEditable div,如果放置一个光标,它会显示为一个巨大的光标!
以下是代码:
<html>
<head></head>
<body >
<div style="position:absolute; top:2px; left:30px; right:0px; bottom: 0px; height:100%;">
<div contentEditable="true" style=" color:#333333; height:100%; width:100%; cursor:text;" spellcheck="false"></div>
</div>
</body>
</html>
您可以在此处查看:http://jsfiddle.net/yW62h/
这是我浏览器中的样子(FFX3.5)
此问题也出现在FFX3.6和4.0b6
中这是一个错误还是我在这里做错了什么?
答案 0 :(得分:1)
未声明100%高度且工作正常: http://jsfiddle.net/nS3X8/
插入高度基于Firefox中的高度(这对我来说似乎是个错误)。 虽然它基于Webkit中的行高。
设置输入元素的高度时,使用填充而不是高度,Firefox将表现出来。
答案 1 :(得分:1)
尝试在可编辑div中添加<br />
。
这对我有用:http://jsfiddle.net/66A2h/
答案 2 :(得分:0)
这是一个Firefox错误https://bugzilla.mozilla.org/show_bug.cgi?id=537475 :(