mozilla/5.0 (Windows NT 6.1) applewebkit/537.36 (khtml, like Gecko) chrome/43.0.2357.132 safari/537.36
CSS Styles
p{cursor:url (' 1.jpg '), pointer;} html<body> <p style= "width:100px;height:100px;background-color:red;" ></p></body>
When the mouse is placed on p, the cursor will change to the pattern you specified.
* Precautions
To make sure your custom pictures are small enough, here's 16*16
Different browser support picture format is not the same, please find yourself
Cursor:url (' 1.jpg '), pointer; Here the 1.jpg to and the current HTML file in the sibling directory, pointer is necessary, when the custom picture can not be applied when the alternative, this test does not write is wrong.
Above this CSS use custom cursor style implementation _ The ground tornado is small to share all the content of everyone, hope to give you a reference, but also hope that we support topic.alibabacloud.com.
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
