Question

I am trying to change style of cursor on element that has 'contenteditable' attribute set to true in IE.

<div contenteditable="true" style="cursor:pointer;">
        text
</div>

I have tried do that using inline styling like in example above, also with css file and by javascript but with no luck.

All my solutions work in FF without problems, they work fine also in IE but only when 'contenteditable' attribute is set to false. So it is definitely somehting related with implementation of contenteditable in IE but I have no clue how to solve this problem.

I am using IE8.

Thank a lot for your help!

Was it helpful?

Solution

it depends on your DTD you have chossen. Seems you use default strict DTD.

Here is reference for possible declarations: look to 7.2 HTML version information.

I tried with:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

and it works great, but it don't works with next declaration:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

Hope it helpful and you can use that DTD without issues on another layouts.

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top