Question

我有一个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） alt text

此问题也出现在FFX3.6和4.0b6

中

这是一个错误还是我在这里做错了什么？

Answer 1

未声明100％高度且工作正常： http://jsfiddle.net/nS3X8/

插入高度基于Firefox中的高度（这对我来说似乎是个错误）。虽然它基于Webkit中的行高。

设置输入元素的高度时，使用填充而不是高度，Firefox将表现出来。

Answer 2

尝试在可编辑div中添加<br />。这对我有用：http://jsfiddle.net/66A2h/

Answer 3

这是一个Firefox错误https://bugzilla.mozilla.org/show_bug.cgi?id=537475 :(

Firefox - 巨大的光标

3 个答案: