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

Question

我在 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 决定不玩球了！我在做一些非常明显的错误吗？任何帮助或指示将不胜感激，因为它让我发疯

Answer 1

问题似乎在于我指定了 3 级光标，即自定义光标、十字准线和默认光标。由于所有浏览器都接受 Crosshair，因此无需在其中设置默认值。删除它似乎使它工作。

这似乎很奇怪，CSS 是否只允许两个级别的光标？如果是，那么为什么 Opera 和 IE 接受它，他们只是忽略第一个吗？

固定的 CSS

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