javascript - 在 IE9 contenteditable 中显示错误的光标

Question

我有一些 html 如下(对于 IE9):

<div contenteditable="true">
   Some editable text
   <span class="code" contenteditable="true" unselectable="on">uneditable text</span>
   more editable text
</div>

在 IE9 中，span contenteditable 必须设置为“true”才能使 span 不可编辑，而在 Chrome 中必须设置为“false”才能使 span 不可编辑!

但是，在 IE9 中，当鼠标经过跨度时，光标显示为移动光标(交叉箭头)。光标在我的 css 文件中设置为“指针”，但这不适用于 IE9。

如何在 IE9 中将光标更改为手形或箭头？

Answer 1

以下内容在 IE9 和 Chrome 38 上都适用，范围内的内容是可编辑的，范围外的文本不可可编辑。光标也与您将鼠标悬停在任何文本上时所期望的输入光标相同。

我注意到的唯一区别是，在 Chrome 上，span 在编辑 模式下以蓝色突出显示。

<div>
Some NOT editable text
<span class="code" contenteditable="true">EDITABLE text</span>
more NOT editable text
</div>

例如，Visual Stidio IDE 上的 HTML5 验证会告诉您 contententeditable 不是元素 div 的有效属性，unselectable 也不是元素 span 的有效属性。

如果您仍然遇到光标问题，请发布您的 CSS。