CSSでボタンをクリックできないように設定する方法

CSS でボタンをクリック不可に設定する方法: 1. ボタンをクリック不可にした場合の表示状態 [cursor: not-allowed]; 2. ボタンの元のイベントを実装できません [pointer-イベント:なし]。

このチュートリアルの動作環境: Windows7 システム、css3 バージョン、DELL G3 コンピューター。

CSS でボタンをクリックできないように設定する方法:

2 つの CSS スタイルを追加できます:「cursor: not-allowed」と「pointer-events:none」ボタンに「」を入力してボタンをクリックできないようにします。

ボタンをクリックできないのは、主に次の 2 つの症状が原因です:

1. ボ​​タンをクリックできないときの表示状態

cursor: not-allowed

スタイルのデモ:

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

2。ボタンの元のイベントは実装できません

pointer-events:none

スタイルのデモ:

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

関連チュートリアルの推奨事項: CSS ビデオ チュートリアル

以上がCSSでボタンをクリックできないように設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。