CSS光標不能在WebKit瀏覽器中工作

我在WebKit瀏覽器中沒有拉動光標時遇到問題。 Surpultly IE和Opera的工作，我期望他們。這裏的CSSCSS光標不能在WebKit瀏覽器中工作

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

它很簡單，光標變成無論是繪製PNG或者，如果它不接受定製光標或PNG（如IE或Opera），那麼它應該默認爲十字線。在IE和Opera中運行良好，它按照我的意願去到十字線，另一方面，FireFox，Safari和Chrome拒絕爲此返回任何CSS。看看Firebug中返回的CSS，我只是得到。

.olControlDrawFeatureActive { 
    }

空了，完全沒用。我試圖用它的完整路徑和相對路徑替換URL（並且這對我來說是最容易混淆的位置）我試圖完全移除自定義光標，所以它應該默認使用十字準線，但它仍然只是返回一個空的CSS規則！它一直在困擾我一段時間，因爲它最初在Webkit中運行良好，但在IE中沒有，在IE中工作，現在WebKit決定不玩球！我在做一些非常明顯的錯誤嗎？任何幫助或指針將非常感激，因爲它是驅使我香蕉 picture of banana inserted, sir

來源

2011-08-08 Rob Quincey

發現問題！經過多年的觀察和調整，我終於發佈了我的第一個問題，然後在幾分鐘內回答了它。噢親愛的。問題似乎在於我已經指定了3個級別的遊標，即自定義遊標，十字線和默認遊標。無論如何，因爲Crosshair被所有瀏覽器接受，所以不需要默認的那個。刪除這似乎使它的工作。

這似乎很奇怪，但CSS只允許兩級遊標？如果是這樣，Opera和IE爲什麼接受它，他們是否忽略了第一個？

哦工作跨瀏覽器的樂趣！讓我們公平地說，如果他們都是我們的同一半很可能會失去工作......

固定CSS

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

如果有人想添加任何東西，請不吝指教，我敢肯定這對一些可憐的草皮，比如我自己來說是有用的:)

來源

2011-08-08 13:28:49

['cursor']（http://www.w3.org/TR/css3-ui/#cursor）允許任意數量的URL鏈接的遊標圖標，緊跟着一個預設值。至於爲什麼Opera和IE接受它，他們要麼試圖寬容，要麼被竊聽。 – BoltClock

啊哈。有趣的是，我從來不知道這一點。說實話，我不知道爲什麼我會在最後設置一個'默認'，就是那天沒有邏輯思考！ –

CSS光標不能在WebKit瀏覽器中工作

回答

相關問題