Geek Answers Handbook

How to change cursor style for elements in editable div

I am trying to change the cursor to "pointer" for certain elements in content editable divs.

The following HTML does not work properly in Internet Explorer 8 and 9.
Any ideas on how to set the cursor style for elements in editable divs?

<div contenteditable="true">
    <img src="http://images3.wikia.nocookie.net/__cb20100430200315/fantendo/images/0/06/Foo.jpg" style="cursor:pointer"/>
</div>
+5
source share
1 answer
          http://www.w3schools.com/cssref/tryit.asp?filename=trycss_cursor

               http://www.marcato.org/luke/web/cursors.html
         http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_style_cursor

Mouse pointer

When this page loads, the mouse pointer should change to "hand." The custom cursor is determined by the CSS: cursor (cascading style sheet) style property. The easiest way to change the type of cursor is to add the style = "cursor: crosshair" property to the HTML tag. eg.

Text

"moused-over". , :

-

-

-

SW

s

, .

HTML- :

URI

(.. ) . , , - .cur,.csr .ani. Internet Explorer Windows, Netscape IE 5.0 Unix.

-1

More articles:


All Articles