CSS自定义光标图像 - 溢出隐藏

Question

我有一个自定义光标图像，我在引导程序锚点按钮内使用了一个span。 我试图隐藏溢出工作，所以当光标靠近按钮的边缘时，图像像附加的图片一样被截断。 我在这里有一个codepen，我正在与之合作。任何人都可以帮忙吗？

HTML：

    <a href="#" class="btn btn-primary btn-spotlight" id="happyButton">
      <span class="spotlight">EXPLORE</span>
    </a>

SCSS：

    #happyButton {
      margin-top: 20px;
      padding-left: 0;
      padding-right: 0;
      color: white;
      &:hover {
        overflow: hidden;
        white-space: nowrap;
      }
      & .spotlight {
        cursor: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/9632/happy.png") 5 12, auto;
        padding: 15px 30px;
      }
    }

Answer 1

游标不是页面的元素，因此不能像那样被操纵。

我会说没有理智的方法来实现这一目标。