如何使光标样式使用html或javascript圈出

Question

I'm building a drawing app, and I want a cursor in form of circle. I searched HTML5 style to make cursor default, pointer etc, but I need it to be a circle. How can I do this?

Answer 1

What you want can be done by CSS.

Check out the following snippet and this jsfiddle

 #circle64 { cursor: url('http://www.iconsdownload.net/icons/64/16574-black-circle.png'), pointer; } #circle32 { cursor: url('http://www.iconsdownload.net/icons/32/16574-black-circle.png'), pointer; } #circle24 { cursor: url('http://www.iconsdownload.net/icons/24/16574-black-circle.png'), pointer; } 

 <div id='circle64'> Cursor will <br>be</br>different here. </div> <br> <br> <br> <div id='circle32'> Cursor will <br>be</br>different here. </div> <br> <br> <br> <div id='circle24'> Cursor will <br>be</br>different here. </div> 

Answer 2

you can use an image as cursor, by using this css property

cursor: url(images/my-cursor.png), auto;

for example if you have some input and you want to show round cursor on it , you should use png image

input{
cursor: url(images/my-cursor.png), auto;
}

check this jsfiddle http://jsfiddle.net/pwy51Ly8/

Answer 3

You can use CSS cursor wait

div {
    cursor: wait;
}

or

div {
 cursor: url("your custom cursor image"), auto;
}

Answer 4

通过此链接“由于图像太大而无法使用-图像尺寸受到限制。例如，在Firefox中，尺寸限制为128x128px”