CSS Cursor Properties

Hey there,
On a site I'm working on I have a slideshow with numbered thumbnails to the pages. The code that I found online to get it working had the CSS rule


.da-dots span{
display: inline-block;
position: relative;
width: 21px;
height: 21px;
border: 2px solid #808285;
background: rgba(42,170,220,.6);
margin: 5px;
cursor: pointer;


so that when the user hovered over the box the cursor wouldn't stay as the default arrow thing. However, after clicking on one of the thumbs to get to another slide, the cursor remains as the pointer and doesn't go back to the default arrow. Is there a css rule I could use so that the pointer only comes up when the user hovers over the item, and doesn't stay behind?

Thanks. This is my first post so sorry if there's anything I missed, I didn't think I needed too much code.

There should be a “current” class on the item you’ve clicked (I suppose you want the default cursor on the currently active item?) so you need to set cursor: default on that current item.

Ohh I see what you're saying...I actually meant that the slide itself was then using the pointer cursor. But based off what you said I was able to just add the css rule to the slides themselves and it works. Thanks a lot! I can tell I'm gonna like this place.