我在 FireFox 3 中使用 contentEditable 时遇到问题。我遇到的问题是，在单击 div 后，光标将出现在 div 上方或仅部分出现在 div 中（直到我开始输入，此时它的行为正确）。关于如何阻止这种情况发生有什么想法吗？
HTML:
<html>
<head><title>Test Page</title></head>
<body>
<div id="editor" style="position:absolute; left:157px; top:230px; width:120px; height:30px">
<div id="input" style="width:100%; height:100%; border:1px solid black; outline:none" contentEditable="true"> </div>
</div>
</body>
</html>
我在 Firefox 37.0.2 上遇到了完全相同的问题。在 contenteditable 的 :before 伪元素中放置零宽度空格可以解决此问题：
.contenteditable:empty:before {
content: "\200B";
display: inline;
}
该修复适用于所有现代浏览器，包括 IE11，它也存在与 Firefox 非常相似的插入符位置问题。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
