Eventi puntatore CSS e stile cursore

Question

Ho un problema con la combinazione di pointer-events: none e cursor: wait. Devo disabilitare il clic e mostrare il cursore in attesa mentre ajax è in elaborazione. Esiste un meccanismo che aggiunge o rimuove automaticamente la classe wait al tag body. Senza pointer-events: none, viene visualizzato il cursore di attesa e, quando sono presenti sia cursor: wait e pointer-events: none, il cursore non si sposta ma rimane una freccia predefinita.

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

C'è un modo per risolvere questo solo con i CSS o devo fare il trucco con un trasparente div? Grazie in anticipo.

Answer 1

A meno che tu non abbia ascoltatori di clic sul corpo stesso, mostra su questo?

.wait { 
    cursor:wait; 
} 

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