Heim > Web-Frontend > CSS-Tutorial > So deaktivieren Sie Schaltflächenklicks in CSS

So deaktivieren Sie Schaltflächenklicks in CSS

WBOY
Freigeben: 2021-12-10 16:10:33
Original
10923 Leute haben es durchsucht

In CSS können Sie das Attribut „pointer-events“ verwenden, um Klicks auf das Schaltflächenelement zu verbieten. Dieses Attribut wird verwendet, um festzulegen, ob das Element auf Zeigerereignisse reagiert Das Anklicken ist verboten. Die Syntax lautet: „Schaltflächenelement {pointer-events:none;}“.

So deaktivieren Sie Schaltflächenklicks in CSS

Die Betriebsumgebung dieses Tutorials: Windows 10-System, CSS3- und HTML5-Version, Dell G3-Computer.

So deaktivieren Sie Schaltflächenklicks in CSS

In CSS können Sie das Attribut „pointer-events“ verwenden, um das Schaltflächenelement so festzulegen, dass es Klicks deaktiviert Zeigerereignisse.

Die Syntax dieses Attributs lautet wie folgt:

pointer-events: auto|none;
Nach dem Login kopieren

Der Wert des Attributs:

So deaktivieren Sie Schaltflächenklicks in CSS

Das Beispiel lautet wie folgt:

<html>
    <head>
        <style>
        .css1{
          pointer-events:none;
          }
        </style>
    </head>
    <body>
        <button class="css1">已经设置不可点击的按钮</button>
        <button class="css2">没有设置不可点击的按钮</button>
    </body>
</html>
Nach dem Login kopieren

Ausgabeergebnis:

So deaktivieren Sie Schaltflächenklicks in CSS

(Teilen von Lernvideos: css-Video Tutorial)

Das obige ist der detaillierte Inhalt vonSo deaktivieren Sie Schaltflächenklicks in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
css
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage