WebKitブラウザでCSSカーソルが機能しない

Question

WebKitブラウザでカーソルが引き込まれないと問題が発生します。私が期待しているように、Surprsingly IEとOperaは動作します。ここではCSS

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

だそれは非常に単純にドローPNGのいずれかにカーソルを変更したり、それがカスタムカーソルまたは（IEやOperaなど）PNG画像を受け入れないならば、それは十字をデフォルトにする必要があります。 IEとOperaでうまく動作し、十字線に移動しますが、FireFox、Safari、Chromeはこれに対してCSSを返すことを拒否します。 Firebugで返されたCSSを見ると、私はちょうどそれを得る。

.olControlDrawFeatureActive { 
    } 

空であり、まったく役に立たない。私はURLを完全なパスと相対パスで置き換えようとしました（そしてこれは私にとっては最も混乱しやすいビットです）。私はカスタムカーソルを完全に削除しようとしましたので、十字線にデフォルト設定する必要があります。 ！もともとWebkitでは問題なく動作していたIEではなく、Internet Explorerで動作していたWebKitがボールをプレイしないと決めたので、しばらく私を悩ませていました。私は本当に間違った何かをしていますか？私がバナナを運転しているので、どんな助けや指針も非常に高く評価されます

Answer 1

問題が見つかりました！見た目と微調整の年月を経て、私は最終的に私の最初の質問を投稿し、それから数分以内に答えました。まあ。問題は、私が3レベルのカーソル、すなわちカスタム1、十字線、およびデフォルトカーソルを指定したという事実に見えた。 Crosshairがすべてのブラウザで受け入れられるので、デフォルトのものをそこに残す必要はありませんでした。これを削除すると、動作するように見えました。

これは奇妙に思えますが、CSSは2つのレベルのカーソルのみを許可していますか？もしそうなら、なぜOperaとIEはそれを受け入れたのですか？彼らは最初のものを無視しますか？

ああ、作業クロスブラウザの喜び！誰もが何かを追加したい場合はお気軽にどうぞ彼らは私たちのすべての同じ半分は、おそらく仕事の外になりました場合は、公平で...

固定CSS

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

ことができます、私は確信しています自分自身のようにいくつかの悪い芝生に役立つでしょう:)