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

光標是不是頁的元件，因此不能像操縱。

我會說沒有理智方式來實現這一點。