Use CSS cursor property to change cursor shape

<td title="${log.OUTPARAMS}" <c:if test="${not empty log.OUTPARAMS }">style="cursor:pointer"</c:if> >${log.FDESC}</td>

 

 

Go to: http://www.w3school.com.cn/cssref/pr_class_cursor.asp

 

CSS cursor property

Example

Some different cursors:

span.crosshair {cursor:crosshair;}
span.help {cursor:help;}
span.wait {cursor:wait;}

try it yourself

Browser support

IE Firefox Chrome Safari Opera
         

All major browsers support the cursor attribute.

Note: Opera 9.3 and Safari 3 do not support  url  values.

NOTE: The property value "inherit" is not supported by any version of Internet Explorer (including IE8).

Definition and Usage

The cursor property specifies the type (shape) of the cursor to be displayed.

This property defines the cursor shape used when the mouse pointer is placed within the bounds of an element (though CSS2.1 does not define which bounds determine this bounds).

Default: Inheritance: Version: JavaScript Syntax:
auto
yes
CSS2
object.style.cursor="crosshair"

possible values

Value description
url

The URL of the custom cursor to use.

Note: Always define a generic cursor at the end of this list in case there is no available cursor defined by the URL.

default Default cursor (usually an arrow)
auto default. The cursor set by the browser.
crosshair The cursor appears as a crosshair.
pointer The cursor is rendered as a pointer (a hand) to indicate a link
move This cursor indicates that an object can be moved.
e-resize This cursor indicates that the edge of the rectangle can be moved to the right (east).
what-resize This cursor indicates that the edge of the rectangle can be moved up and to the right (north/east).
nw-resize This cursor indicates that the edge of the rectangle can be moved up and to the left (north/west).
n-resize This cursor indicates that the edge of the rectangle can be moved up (north).
se-resize This cursor indicates that the edge of the rectangle can be moved down and to the right (south/east).
sw-resize This cursor indicates that the edge of the rectangle can be moved down and to the left (south/west).
s-resize This cursor indicates that the edge of the rectangle can be moved down (south).
w-resize This cursor indicates that the edge of the rectangle can be moved to the left (west).
text This cursor indicates text.
wait This cursor indicates that the program is busy (usually a watch or hourglass).
help This cursor indicates available help (usually a question mark or a balloon).

TIY example

change cursor
This example demonstrates how to change the cursor.

 

 

 

 

 

 

Guess you like

Origin http://10.200.1.11:23101/article/api/json?id=326945704&siteId=291194637