cursor not-allowed code example

Example 1: cursor: not-allowed is not working with pointe events none in css

.pointer-events-none {
    pointer-events: none;
}

.wrapper {
    cursor: not-allowed;
}

Example 2: hand property css

li { cursor: pointer; }

Example 3: cursor not pointer

#Element {
	cursor: pointer; /*When you point on this element, cursor will be
  	a pointer.*/
}

#Element {
	cursor: default; /*Will make the cursor not point.*/
}

Example 4: cursor as image css

You can use own image or emoji as cursor
<style>       
    a{
        cursor: url("custom.gif"), url("custom.cur"), default;
    }
</style>

<p>Place your mouse pointer <a href="#">over me</a> to reveal the custom cursor.</p>