Comment définir le bouton pour qu'il ne soit pas cliquable en CSS

Comment définir le bouton pour qu'il ne soit pas cliquable en utilisant CSS : 1. L'état d'affichage lorsque le bouton n'est pas cliquable [curseur : non autorisé] 2. Les événements d'origine du bouton ne peuvent pas être implémentés [pointeur- ; événements : aucun].

L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3, ordinateur DELL G3.

Comment définir le bouton pour qu'il ne soit pas cliquable avec CSS :

Nous pouvons ajouter deux styles CSS : "cursor: not-allowed" et "pointer-events: none " au bouton Rendre le bouton non cliquable.

Le bouton n'est pas cliquable principalement en raison de deux manifestations :

1. L'état d'affichage lorsque le bouton n'est pas cliquable

curseur : non autorisé

Démonstration de style :

<style> 
    input[readonly]   //readonly:后台能接收此input框传值
    {
         background:#dddddd; //为带有readonly的input框添加背景颜色
         cursor: not-allowed  // 表示一个红色的圈加一个斜杠
    }
</style>

2. Les événements originaux du bouton ne peuvent pas être implémentés

pointer-events:none

Démonstration de style :

<style> 
    input[disabled] //disadled:后台不可接收此input传值
    {
         background:#dddddd; //为带有disabled的input框添加背景颜色
         pointer-events:none;//鼠标点击不可修改
    }
</style>

Tutoriels associés recommandés : Tutoriel vidéo CSS

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!