鼠标指针悬停在 TinyMCE 中的不可编辑元素上

【问题标题】：Mouse pointer over non editable elements in TinyMCE鼠标指针悬停在 TinyMCE 中的不可编辑元素上
【发布时间】：2015-07-13 14:18:19
【问题描述】：

我正在尝试在我的 TinyMCE 4 中集成一些不可编辑的区域。它工作正常。但是现在我希望光标在不可编辑的元素上变得“不允许”。我在 css 中设置了它，它在 Chrome 和 Firefox 上都可以正常工作，但对于 IE9 却不行，光标不会改变！

这个问题有解决办法吗？

谢谢

你可以在这里找到一个简单的例子http://fiddle.tinymce.com/iSeaab

【问题讨论】：

问题是：IE 覆盖了你的光标，只是因为它在一个文本区域中。因此，您需要在悬停时更改 textarea css，这会导致大量使用 JavaScript 以适应那个糟糕的浏览器。您可以在 stackoverflow 上找到有关此错误的更多信息：stackoverflow.com/questions/25303234/…

标签： html tinymce internet-explorer-9 contenteditable mouse-cursor

【解决方案1】：

IE 仅支持 CUR 和 ANI 作为 CSS 更改光标的格式。

{
    cursor: url('/cursors/customMoveCursor.png'),      /* Modern browsers    */
            url('/cursors/customMoveCursor.cur'),      /* Internet Explorer  */
            move;                                      /* Older browsers     */
}

请看here。或者一个好的链接here

您是否尝试过为 TinyMCE 编辑 CSS，例如 (tinymce/skins/lightgray/skin.min.css)

添加您需要的内容。示例：

    .mce-grid td.mce-grid-cell div[disabled]
{
cursor:not-allowed
}

我仍然建议在 IE 中使用 .cur 文件。

【讨论】：

谢谢。我不想只使用标准的“不允许”的自定义光标。但是自定义光标在 TinyMCE 中也不起作用。