Rumah > Artikel > hujung hadapan web > Bagaimana untuk melumpuhkan klik butang dalam css
Bagaimana untuk melumpuhkan klik butang dalam css
- WBOYasal
- 2021-12-10 16:10:3310901semak imbas
Dalam css, anda boleh menggunakan atribut "pointer-events" untuk melarang klik pada elemen butang Atribut ini digunakan untuk menetapkan sama ada elemen bertindak balas kepada peristiwa penunjuk Apabila nilai atribut tiada. elemen tersebut akan dilarang daripada diklik Klik, sintaksnya ialah "elemen butang {pointer-events:none;}".
Persekitaran pengendalian tutorial ini: sistem Windows 10, versi CSS3&&HTML5, komputer Dell G3.
Cara melumpuhkan klik butang dalam css
Dalam css, anda boleh menggunakan penunjuk -events Atribut menetapkan elemen butang untuk melumpuhkan klik, dan atribut pointer-events mentakrifkan sama ada elemen bertindak balas kepada peristiwa penunjuk.
Sintaks atribut ini adalah seperti berikut:
pointer-events: auto|none;
Nilai atribut:
Contohnya adalah seperti berikut :
<html>
<head>
<style>
.css1{
pointer-events:none;
}
</style>
</head>
<body>
<button class="css1">已经设置不可点击的按钮</button>
<button class="css2">没有设置不可点击的按钮</button>
</body>
</html>Hasil keluaran:
(Belajar perkongsian video: tutorial video css)
Atas ialah kandungan terperinci Bagaimana untuk melumpuhkan klik butang dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!