在已经更改默认游标之后,正在更改指针

Changing Pointer, after already changing default cursor

本文关键字:指针 之后 默认 游标      更新时间:2023-09-26

我正在创建一个程式化的页面,并且已经更改了默认光标,但是当您将鼠标移到链接上时,它会回到标准的"指针"。我想改变标准指针,就像我对默认光标所做的那样。我尝试了一些javascript,我发现,但它似乎没有工作。

    <!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" type="text/css" href="../css/basic.css">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script>
    var elms = document.getElementsByTagName("*");
    var n = elms.length;
    for(var i = 0; i < n; i ++) {
        if(window.getComputedStyle(elms[i]).cursor == "pointer") {
            elms[i].style.cursor = "url(../img/cursor.png)";
        }
     }
</script>
</head>
<body>
      <a>
      <a>
</body>  
</html>

这是CSS光标

    html{
    min-width: 100%;
    min-height:100%;
    cursor: url(../img/cursor.png),auto;
}
body{
    background-color: black;
    cursor: url(../img/cursor.png),auto;
  }

试试这个:

a:hover, a:active, a:visited {
    cursor: url(../img/cursor.png), auto;
}

p。S:在演示中使用随机图像