it-swarm.com.de

So kombinieren Sie Cursor: nicht erlaubt und Zeiger-Ereignisse: keine;

Wie kann ich CSS-Cursor kombinieren: nicht erlaubt und Zeigerereignisse: keine; nicht erlaubt scheint nicht zu erscheinen

.cursor-default { cursor: default; }
.cursor-not-allowed { cursor: not-allowed; }
.pointer-events-none { pointer-events: none; }
<button class="cursor-default">cursor-default</button>
<button class="cursor-not-allowed">cursor-not-allowed</button>
<button class="pointer-events-none">pointer-events-none</button>
<button class="cursor-not-allowed pointer-events-none">cursor-not-allowed + pointer-events-none</button>

Kleines Beispiel, schauen Sie bitte auf den vierten Button-Cursor: Nicht erlaubt hat nicht auf den Button geschaut, sondern zeigt ein gesichtetes Icon.

12
twyly

sie können dies nicht tun, weil pointer-events: none; deaktiviere alle Mausfunktionen, aber du kannst einen Trick machen und deine Schaltfläche mit einem div umwickeln, dann benutze cursor: not-allowed; dazu.

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

.wrapper {
    cursor: not-allowed;
}
<div class="wrapper">
<button class="pointer-events-none">Some Text</button>
</div>

CSS-Cursoreigenschaft bei Verwendung von "pointer-events: none" hinzufügen

22
Pedram