Default cursor css

Css cursor pointer

cursor: pointer;
/* Mouse image is a hand */

Css cursor pointer

body {
  	/*(Cursor image must be 32*32 pixles)*/
	cursor: url(CURSOR_URL), auto;
}

Default cursor css

.default {cursor: default;}

Custom Cursor css

#custom-cursor {
  display: none;
  position: fixed;
  width: 20px;
  height: 20px;
  top: -10px;
  left: -10px;
  border: 2px solid black;
  border-radius: 50%;
  opacity: 1;
  background-color: #fb4d98;
  pointer-events: none;
  z-index: 99999999;
  transition: transform ease-out 0.15s, border 0.5s, opacity 0.5s, background-color 0.5s;
}

#custom-cursor.active {
  opacity: 0.5;
  background-color: #000;
  border: 2px solid #fb4d98;
}

Source: stackoverflow.com

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.*/
}

Similar codes

1 vote149 views2 answers
Customize highlight color website
CSS
0 vote127 views1 answer
Angular scss doesn't work backgorund
CSS
17 votes153 views3 answers
Text orientation css
CSS
22 votes137 views2 answers
Rgb white
CSS
109 votes138 views6 answers
Center css
CSS
2 votes132 views3 answers
Import image css
CSS
1 vote128 views1 answer
Code changes to Hostgator not being reflected
CSS
17 votes124 views2 answers
Css horizontal gradient background color
CSS
0 vote238 views1 answer
DOM element add multiple attributes
CSS
0 vote125 views1 answer
Material form css
CSS