Firefox - 巨大的光标
我有一个 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 中
这是一个错误还是我在这里做错了什么？
I have a contentEditable div on which if a cursor is placed it's displayed as a huge cursor!
Here's the code:
<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>
You can see it here: http://jsfiddle.net/yW62h/
Here's what it looks like in my browser (FFX3.5)
This problem also appears in FFX3.6 and 4.0b6
Is this a bug or am I doing something wrong here?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
尝试在可编辑 div 内添加
这对我有用： http://jsfiddle.net/66A2h/
Try adding a
<br />inside the editable div.That worked for me: http://jsfiddle.net/66A2h/
不声明 100% 高度并且工作正常：
http://jsfiddle.net/nS3X8/
插入符高度基于 Firefox 中的高度（这似乎是一个错误）大部头书）。
虽然它是基于 Webkit 中的行高。
当设置输入元素的高度时，使用 padding 而不是 height，Firefox 将会正常工作。
Not declaring 100% height and it works fine:
http://jsfiddle.net/nS3X8/
Caret height is based on height in Firefox (which seems like a bug to me).
Though it based on line-height in Webkit.
When setting the height of an input element use padding instead of height and Firefox will behave.
这是一个 Firefox 错误 https://bugzilla.mozilla.org/show_bug.cgi?id=537475 :(
It's a Firefox bug https://bugzilla.mozilla.org/show_bug.cgi?id=537475 :(