Следуя моему коду:
HTML:
<div>test</div>
CSS:
div:hover{
background-color: black;
}
Как отключить временный курсор, когда курсор закончил (даже игнорируя: наведите указатель), клавиша "div" и "enter" нажата и повторно активируется, когда курсор перемещается с помощью чистого javascript?
Ну, вы можете использовать CSS- pointer-events
которые остановят все действия мыши, которые включают в себя :hover
.
CSS
div:hover {
background-color:black; /* will not happen */
}
div {
pointer-events: none;
}
Вы можете форсировать определенные фигуры курсора с помощью атрибута курсора CSS.
div {
cursor: pointer; /* or any other shape available in the link above */
}
Создайте прозрачный gif и используйте этот код:
cursor: url("transparent.gif"), default;
cursor:none
будет скрывать курсор, но я не думаю, что это хороший UX.