So implementieren Sie nicht anklickbare Funktionsstile in CSS

Implementierungsmethode: 1. Fügen Sie dem Element direkt den Stil „pointer-events:none;“ hinzu, um das Auslösen von Ereignissen zu verhindern und es nicht anklickbar zu machen. 2. Fügen Sie dem Element zunächst den Stil „cursor:not-allowed;“ hinzu. Verwenden Sie dann den js-Code, um zu verhindern, dass das Klickereignis ausgelöst wird, sodass es nicht anklickbar ist.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, CSS3-Version, Dell G3-Computer.

Der Stil, wenn die Maus nicht anklickbar ist

cursor:not-allowed;

Der Effekt ist wie folgt:

Es ist zu beachten, dass der Stil zwar als nicht anklickbar angezeigt wird, das Klicken jedoch dennoch das entsprechende Ereignis auslöst.

Auslösende Ereignisse verbieten

pointer-events:none;

Mit diesem Stil wird verhindert, dass Ereignisse ausgelöst werden. Die Maus wird im Pfeilstil angezeigt.

Wenn diese beiden Stile gleichzeitig verwendet werden, wird das Auslösen des Ereignisses verhindert, aber die Maus wird nicht wie gewünscht im deaktivierten Stil angezeigt. wird aber im Pfeilstil angezeigt.

Wenn wir den Effekt implementieren, können wir cursor:not-allowed; verwenden und dann js-Code verwenden, um zu verhindern, dass das Ereignis ausgelöst wird;

cursor:not-allowed;
pointer-events:none;

(Lernvideo-Sharing: css-Video-Tutorial)

Das obige ist der detaillierte Inhalt vonSo implementieren Sie nicht anklickbare Funktionsstile in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!