Question

我不确定这里是否有正确的术语，但基本上我有一个自定义光标，就像当你将鼠标悬停在div上时需要出现的旋转木马箭头（请参见小提琴），但是当将鼠标悬停在所述div内的按钮上时也需要更改。

＆＃13;

#area {
  width: 300px;
  height: 200px;
  margin: auto;
  padding: 10px;
  background-color: skyblue;
  cursor: url( 'https://anaegm-canvas.000webhostapp.com/carousel-arrow-left.cur' ), move;
}

button {
  margin-top: 70px;
  margin-left: 100px;
  height: 25px;
}

＆＃13;

<div id="area">
  Hover over me
  <button>
This is a button
</button>
</div>

＆＃13;

https://jsfiddle.net/anaegm/397qe4n4/

虽然这在技术上有效，但问题在于＆＃34;焦点＆＃34;这个新游标。在Chrome和Firefox中，似乎左上角是焦点（将光标悬停在箭头正确的按钮中间不会将光标更改为指针＆＃39;，并且只要光标的一角离开蓝色容器，它变回正常），而在Internet Explorer中，＆＃34;焦点＆＃34;似乎是箭头的一角（您可以通过双击＆＃34;将鼠标悬停在我的文字＆＃34;使用提示，这可以在Chrome上完成，以及光标更改）来看到这一点正常，直到箭头尖端出蓝色容器。）

所以我的问题是，有什么方法可以设置.cur文件的重点是什么？我更喜欢它在所有浏览器中的行为，就像它目前对IE一样。

我应该提一下，这个文件特别是使用在线转换器创建的，原始文件是.png图像。

CSS指定＆＃34;焦点＆＃34;自定义光标

0 个答案: