Enlargement of the mouse cursor
Are there any tips available for me to enlarge my mouse cursor while hovering over some particular object ? (Sorry I am quite low with markup languages and stylesheet, please offer advice, hints and constructive information then feel f开发者_运维问答ree to downvote me :-( if you wish )
You should be able to find what your after using the CSS cursor property:
http://www.w3schools.com/cssref/pr_class_cursor.asp
I do not believe you can resize the cursor per-say, as the browser is in control of the cursor. However you can specify your own image as the cursor via "url":
http://www.w3schools.com/cssref/playit.asp?filename=playcss_cursor&preval=url%28smiley.gif%29,url%28myBall.cur%29,auto
(you may need to create a javascript workaround for old browsers that don't support URL):
The actual appearance of the mouse cursor depends on the browser and OS configuration, there is no way to alter the default ones.
You can however, attach you custom image with the cursor (this is less than ideal but the only workaround IMO)
.customCursor { cursor: url(cursor.cur),default; }
In the above example, you're telling the browser to use your custom cursor, if not fallback to default one.
There's no way to tell the browser (or, at least, no cross-browser way) to simply make its cursor bigger. You can, however, use your own image for a cursor:
.your-class:hover { cursor: url(/img/your_cursor.png), pointer; }
According to the Mozilla docs, it's supported by most browsers nowadays.
精彩评论