Изменение указателя мыши на мыши и получить обратно на выпуск

Question

Я работаю над проектом, где я использую Google руки курсоров:

https://maps.gstatic.com/mapfiles/openhand_8_8.cur и https://maps.gstatic.com/mapfiles/closedhand_8_8.cur

У меня есть несколько Siders, и я хочу сделать openhand курсор будет по умолчанию при наведении мыши (.slide: висения), и при нажатии на .slide изменить курсор на закрыт.

Я нашел несколько ответов в Интернете, но нигде я не смог найти ответ о том, как вернуть курсор при отпускании клика.

Спасибо!

Answer 1

Вы хотите использовать .slide:hover, как вы предложили для открытой руки. Затем для закрытой руки нажмите на кнопку .slide:active.

См. Это JsFiddle.

.slide:hover { 
    cursor: url('https://maps.gstatic.com/mapfiles/openhand_8_8.cur'), auto; 
} 

.slide:active { 
    cursor: url('https://maps.gstatic.com/mapfiles/closedhand_8_8.cur'), auto; 
}