相关疑难解决方法(0)

我有一些heroshot图像,点击时有一个模态弹出窗口.每当它移动到图像上时,我都试图让光标变成放大镜.即使我magnify.cur位于正确的位置,以下CSS似乎也不起作用.

a.heroshot img {
  cursor:url(/img/magnify.cur), pointer;
}

有没有人做过类似的事情？如果存在JavaScript解决方案,我不介意.

编辑:它适用于Safari,但不适用于Firefox.

我想我已尝试过在互联网上建议的不同方法,但没有任何效果.这是我目前的css代码:

div {
   cursor: url(images/zoomin.cur), auto;
}

它在IE中工作正常...

我试图使用svg图像作为光标悬停在某个div上但我不能让它工作.我读过它应该像添加这个一样简单:

cursor: url(http://elusivethemes.com/assets/down.svg), auto;

但它似乎不起作用.奇怪的是,如果我使用来自不同网址的不同svg图像,它会起作用.

有任何想法吗 ？

提前致谢.

是否可以使用 CSS 转换光标状态的动画？

我已经尝试过使用此代码，但它不起作用。

.test {
  cursor: default;
  width: 100px;
  height: 100px;
  background: red;
}

.test:hover {
  cursor: pointer;
  -moz-transition: cursor 500ms ease-in-out;
  -o-transition: cursor 500ms ease-in-out;
  -webkit-transition: cursor 500ms ease-in-out;
  transition: cursor 500ms ease-in-out;
}

<div class="test"></div>

 style="cursor:"

是否可以将鼠标光标更改为钢笔？

我只从谷歌中找到了一些样式：

 style="cursor:"

我需要钢笔样式，因为我希望当用户将鼠标悬停在convas div 上时，我希望用户在该字段上签名

我遇到了一些问题.我正在尝试为鼠标悬停在链接上时设置自定义光标.我正在尝试使用此代码,但没有任何反应,它仍然是指针.

a {
    color: #99ccff;
    cursor: paw.cur;
}

a:hover {
    color: #71b2f4;
    cursor: paw.cur;
}

即使添加!important到a:hover的结尾也不起作用.