События указателя CSS и стиль курсора

У меня проблема с комбинацией pointer-events: none и cursor: wait. Мне нужно отключить щелчок и показать ожидающий курсор во время выполнения ajax. Существует механизм, который автоматически добавляет или удаляет класс wait в тег body. Без pointer-events: none появляется курсор ожидания, и когда есть как cursor: wait, так и pointer-events: none, курсор не меняет, но остается стрелкой по умолчанию.

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

Есть ли способ решить это только с помощью css или я должен сделать трюк с прозрачным div? Спасибо заранее.

Ответы

Ответ 1

Если вы не нажимаете на слушателя на самом теле, расскажите об этом?

.wait {
    cursor:wait;
}

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