logo标签列表

火狐浏览器 - 光标过大

firefoxtext-cursor
5

我有一个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 中。
这是一个错误还是我在这里做错了什么？
既然只要输入任何文本，光标就不再巨大，我会说这看起来像是浏览器的错误。 - AakashM
这很有趣。我会指向contentEditable=true和浏览器“bug” - 虽然我不会称其为bug，更多的是一种烦恼。 - Dennis G
3个回答
1
1

不声明100％的高度也可以正常工作： http://jsfiddle.net/nS3X8/

在Firefox中，插入符号的高度基于元素的高度（这似乎是一个错误）。 而在Webkit中，它基于行高。

当设置输入元素的高度时，请使用填充而不是高度，这样Firefox就会表现正常。

0
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接