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

Question

我有一个自定义光标图像，我正在使用一个范围内的引导锚定按钮。 我试图让隐藏的溢出隐藏起来，所以当光标靠近按钮的边缘时，图像被截断，就像附加的图片一样。 我有一个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

光标是不是页的元件，因此不能像操纵。

我会说没有理智方式来实现这一点。