SVG元素上拖動光標改變光標到I梁（例如|）上的Webkit（鉻/ Safari瀏覽器）

Question

Anywhere的內部SVG中，SVG內部

• 鼠標按下，例如一個元素或SVG畫布本身
• 拖動光標周圍
• 注意光標如何更改爲工字鋼

解決方案我試過，沒有工作

• 改變將光標拖到被拖動的svg元素爲「光標：默認！重要」
• 將CSS光標更改爲根svg元素爲「光標：默認！重要」
• 改變CSS光標移動到身體的HTML元素：使用的所有上述3
• 改變document.onselectstart按chrome sets cursor to text while dragging, why?
• 更改根SVG元素的cursor屬性的CSS「光標默認重要！」
• 「缺省」或‘指針’
• 改變拖動的元素的屬性cursor如上
• 改變兩個根svg元素的和拖動的元素的屬性cursor

我會很感激任何想法。據我迄今所知，這是Webkit中的一個錯誤。這發生在Chrome和Safari中，但沒有其他瀏覽器。

Answer 1

不知道爲什麼，或者如果這完全是一個很好的解決方案，但我發現當我在svg元素上調用JqueryUI的.draggable時，文本選擇器光標會消失。可能是一個錯誤，但很有趣。

Answer 2

如果你有機會到SVG源（它的XML），您可以在

pointer-events="none" 

屬性添加到<文本>元素（一個或多個）。 這將導致光標保持爲箭頭而不是變爲工字母。

不像設置全局CSS屬性那麼簡單，但它是一個解決方案。

Answer 3

這是Webkit中的一個報告錯誤。它也似乎在夜間修復，但我不確定如何判斷此行爲何時會在Chrome/Safari中出現。

• https://bugs.webkit.org/show_bug.cgi?id=6002
• https://bugs.webkit.org/show_bug.cgi?id=17258

參見：

• https://github.com/DmitryBaranovskiy/raphael/issues/517

Answer 4

試試這個：

svg { cursor: default; }