CSS游标在WebKit浏览器中不起作用

时间:2011-08-08 13:21:50

标签: css webkit cursor

我无法在WebKit浏览器中使用游标。令人惊讶的是IE和Opera正如我所期望的那样工作。这是CSS

    .olControlDrawFeatureActive {
         cursor: url(<DOMAIN>/common/images/cursors/draw.png), crosshair, default;
    }

它很简单地将光标更改为Draw png,或者如果它不接受自定义光标或PNG(如IE或Opera),则它应默认为十字准线。在IE和Opera中运行良好,它按照我的要求进入十字准线,另一方面FireFox,Safari和Chrome拒绝为此返回任何css。看看Firebug中返回的CSS我就得到了。

    .olControlDrawFeatureActive {
    }

空了,完全没用。我已经尝试用它的完整路径和相对路径替换URL(这对我来说是最令人困惑的一点)我已经尝试完全删除自定义光标所以它应该默认为十字准线,但它仍然只返回一个空的CSS规则!它一直困扰我一段时间,因为它最初在Webkit中运行良好,但在IE中没有,在IE中工作,现在WebKit决定不玩球!我做了一些非常明显的错误吗?任何帮助或指示都将非常受欢迎,因为它正在推动我的香蕉picture of banana inserted, sir

1 个答案:

答案 0 :(得分:4)

发现问题了!经过多年的观察和调整,我终于发布了我的第一个问题,然后在几分钟内回答了问题。噢亲爱的。问题似乎在于我指定了3个级别的游标,即自定义游标,十字准线和默认游标。因为所有浏览器都接受Crosshair,所以无需在其中使用默认值。删除它似乎使它工作。

这看起来很奇怪,CSS只允许两个级别的游标吗?如果是这样,为什么Opera和IE接受它,他们只是忽略了第一个吗?

哦,跨浏览器工作的乐趣!让我们公平,如果他们都是同一半我们可能会失业...

修复了CSS

    .olControlDrawFeatureActive 
    {
        cursor:url(<DOMAIN>/common/images/cursors/draw.png),crosshair;
    }

如果有人想要添加任何东西,请随意,我相信它会对我这样的一些可怜的草皮有用:)