Changing the mouse pointer on a web page

Question

I created a frame in html using

<frame></frame> 

tags Is there a way to change the mouse cursor when the mouse enters the frame.

Answer 1

You can find it here.

This is the css for the cursor.

Try:

 <frame style="cursor:auto"></frame> 

instead of auto you can use any of the following actions:

 auto Default. The browser sets a cursor crosshair The cursor render as a crosshair default The default cursor e-resize The cursor indicates that an edge of a box is to be moved right (east) help The cursor indicates that help is available move The cursor indicates something that should be moved n-resize The cursor indicates that an edge of a box is to be moved up (north) ne-resize The cursor indicates that an edge of a box is to be moved up and right (north/east) nw-resize The cursor indicates that an edge of a box is to be moved up and left (north/west) pointer The cursor render as a pointer progress The cursor indicates that the program is busy (in progress) s-resize The cursor indicates that an edge of a box is to be moved down (south) se-resize The cursor indicates that an edge of a box is to be moved down and right (south/east) sw-resize The cursor indicates that an edge of a box is to be moved down and left (south/west) text The cursor indicates text w-resize The cursor indicates that an edge of a box is to be moved left (west) wait The cursor indicates that the program is busy 

Answer 2

Use the cursor CSS property

 <style> .mousePointer { cursor: pointer; } </style> <frame class="mousePointer"></frame> 

Answer 3

There is a css cursor property: http://www.w3schools.com/cssref/pr_class_cursor.asp You can also do: cursor:url(/mousePointer.cur)

Answer 4

CSS usage:

 .myClass { cursor: pointer; } #myId { cursor: pointer; } 

Or the entrie s element:

 frame { cursor: pointer; } p { cursor: pointer; } 

You can also try with Inline-CSS:

Or something like this:

 <div id="clickMe" onclick="alert('I\'m clicked!'); return false;" style="cursor: pointer;">I'm a Fake-Link!</a> 

Answer 5

You can do something like this:
<b> HTML

  <iframe class="pointer"></iframe> 

CSS

  .pointer { cursor: pointer; } 

Other options for changing cursors: -

  auto crosshair default e-resize help move n-resize ne-resize nw-resize pointer progress s-resize se-resize sw-resize text w-resize wait