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

So deaktivieren Sie Schaltflächenklicks in CSS

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOriginal
2021-12-10 16:10:3310958Durchsuche

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;

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>

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!

Stellungnahme:
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