这个内容可编辑的 div 有什么问题？

Question

在创建这个 webtop 应用程序时，我创建了与这个完全一样的内容可编辑 div 堆栈，它是自制小部件的一部分。但由于某种原因，这个不起作用。

<div class="draft combobox" title="Draft"> 
  <ul> 
    <li> 
    </li>
  </ul>
<div class="text" contentEditable="true">   <!-- Right Here -->
<img class="arrow button" src="icons/scroll-down-white.png" />

现在只是有关该问题的一些背景知识。我正在重写 html，无论如何都将它变成 haml（使用 Phamlp）。实在是太难以辨认了。我也在css上使用lessphp。

这些是我所做的唯一更改。输出保持不变，只是现在 contenteditable div 不起作用...它接受焦点，但没有光标...并且对关键事件没有响应。

我还没有附加任何 javascript 到它。所以那里没有任何事情可以阻碍它。

那么这个 div 有什么问题！

Answer 1

好的，我解决了...原来我在祖先 div 的 css 中设置了“-webkit-user-select:none”！