更改按钮上的鼠标光标 - 与指针垂直

Question

我在我的网站上用 js 创建了一个 "right side sliding menu"。它工作正常，一切正常，但是当我将鼠标指向菜单图标时，它会显示一个正常的光标 (look at the picture in link)。我需要一个不添加任何链接的指针光标。

#buttonu5815{

      transition-property: top;
      transition-duration: 0.2s;
      transition-timing-function: ease;

      -webkit-transition-property: top;
      -webkit-transition-duration: 0.2s;
      -webkit-transition-timing-function: ease;
   }

var theMenu;
var originLeft;

window.onload = function() {
   //Click to open on the Muse Icon
   element = document.getElementById("buttonu5717");
   element.onclick = openMenu;

   //save the Left position
   originLeft = document.getElementById("buttonu5815").style.top;
   //Get the Menu element
   theMenu = document.getElementById("buttonu5815");

   //Click to close
   closeBtn = document.getElementById("buttonu5822");
   closeBtn.onclick = closeMenu;
}

function openMenu(){
   theMenu.style.top = 0;
}

function closeMenu(){
   theMenu.style.top = originLeft;
}

Answer 1

我想这个 CSS 就是您要找的。

#buttonu5815:hover {
   cursor:pointer;
}

Answer 2

您可以在悬停事件上使用 CSS 来实现此目的，只需设置相关的 class/html 标记（例如对于 li 元素）：

li:hover {
    cursor: pointer;
}

更改按钮上的鼠标光标 - 与指针垂直

Change mouse cursor on button - normal to pointer

javascript

css

cursor