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

カーソルは、ページの要素ではありませんので、そのように操作することはできません。

saneこれを行う方法はありません。