Mouse pointer over non editable elements in TinyMCE

Question

I am trying to integrate some non editable zones in my TinyMCE 4. And it works fine. But now I want a cursor to become "not-allowed" over the non editable elements. I set it in css and it all works fine for Chrome and Firefox but not for IE9 the cursor don't change!

Is there a workaround for this problem?

Thanks

You can find a simple exemple here http://fiddle.tinymce.com/iSeaab

Answer 1

IE only supports CUR and ANI as formats from CSS to change cursor.

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

Please look here. or a good link here

Have you tried to edit the CSS for TinyMCE like (tinymce/skins/lightgray/skin.min.css)

add what you need. Example:

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

I still recommend using .cur file for IE.