ホームページ > ウェブフロントエンド > CSSチュートリアル > CSSで要素のクリックイベントを無効にする方法

CSSで要素のクリックイベントを無効にする方法

王林
リリース: 2020-09-28 16:38:12
転載
6700 人が閲覧しました

CSSで要素のクリックイベントを無効にする方法

実際の作業では、要素のクリック イベントを禁止する必要がある場合は、要素の pointer-events 属性を none に設定できます。

(推奨チュートリアル: CSS チュートリアル)

は次のとおりです:

CSSで要素のクリックイベントを無効にする方法

テスト コード:

.disabled {
    pointer-events: none;
    cursor: default;
    opacity: 0.6;}
ログイン後にコピー

このうち、pointer-events: none; は CSS3 の新しい属性で、マウスのクリックイベントを禁止する属性であり、この属性が要素内に存在する場合、すべてのリンクイベントとクリックイベントが無効になります。

以上がCSSで要素のクリックイベントを無効にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:csdn.net
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート