2013-07-26 71 views
30

我對pointer-events: nonecursor: wait的組合有問題。我需要禁用單擊並顯示等待遊標,而Ajax正在進行中。有一種機制會自動將wait類添加或刪除到body標記。如果沒有pointer-events: none,則會出現等待光標,並且當同時存在cursor: waitpointer-events: none時,光標不會更改,但會保留默認箭頭。CSS指針事件和光標樣式

.wait { 
    cursor:wait; 
    pointer-events: none; 
} 

有沒有辦法只能用CSS或我必須做一個透明div的伎倆來解決這個問題? 在此先感謝。

+0

禁用點擊什麼? – Heart

回答

47

除非你有點擊身體本身的聽衆,顯示這個?

.wait { 
    cursor:wait; 
} 

.wait > * { 
    pointer-events:none; 
} 
+1

非常感謝你。這個訣竅幫了我很多。 – user2622062

+1

這可能是一個重複的問題,但我更喜歡你的答案。謝謝 – TarranJones

+0

@Prinzhorn:很好的解決方案 –