Firefox 火狐-巨大的光标
我有一个contentEditable div,如果放置光标,它将显示为一个巨大的光标 代码如下:Firefox 火狐-巨大的光标,firefox,cursor,Firefox,Cursor,我有一个contentEditable div,如果放置光标,它将显示为一个巨大的光标 代码如下: <html> <head></head> <body > <div style="position:absolute; top:2px; left:30px; right:0px; bottom: 0px; height:100%;"> <div contentEditable
<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>
你可以在这里看到:
以下是它在我的浏览器(FFX3.5)中的外观
此问题也出现在FFX3.6和4.0b6中
这是一个bug还是我做错了什么?这是一个Firefox bug:(没有声明100%的高度,工作正常: 插入符号高度是基于Firefox中的高度(对我来说这似乎是一个bug)。 虽然它基于Webkit中的行高度
设置输入元素的高度时,使用填充而不是高度,Firefox将正常工作。尝试在可编辑的div中添加一个
。
这对我起了作用:看到光标一旦出现任何文本就不再庞大,我会说它看起来像是一个浏览器错误。这很有趣。我会将手指指向contentEditable=true&浏览器“错误”-而我不会称之为错误,更令人烦恼的是。