How to change cursor type on hover in css

Question

I've set my cursor type to crosshair in the body of css, on hover i need it to change to a plain cross, but it still goes to a pointer when i hover over buttons, how do i make it go from a crosshair to cross on hover?

Answer 1

do you mean this.

#one:hover {
  cursor: pointer;
}

button:hover {
  cursor: default;
}

<div id="one">
  Hover Me!
  <button>Hover Me!</button>
</div>