ホームページ  >  記事  >  ウェブフロントエンド  >  CSSでタグをクリック不可に設定する方法

CSSでタグをクリック不可に設定する方法

王林
王林オリジナル
2020-11-23 14:14:025810ブラウズ

CSS のタグをクリック不可に設定する方法: コード [$(".demo").attr("disabled",true).css("pointer-events","none) を設定します。 ")]、ポインター events 属性は、要素がマウス イベントのターゲットになるかどうかを指定します。

CSSでタグをクリック不可に設定する方法

このチュートリアルの動作環境: Windows 10 システム、CSS3 バージョンこの方法は、すべてのブランドのコンピューターに適しています。

css タグをクリック不可に設定するメソッド:

タグのクリックを禁止する

(学習ビデオ共有: css ビデオ チュートリアル)

$(".demo").attr("disabled",true).css("pointer-events","none");

pointer-events 属性:

pointer-events は css3 の属性で、どのような状況で要素がマウス イベントのターゲット (マウス スタイルを含む)。

pointer-events:auto | none | visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all | inherit

クリックできます:

$(".demo").attr("disabled",false).css("pointer-events","auto");

ブラウザ互換性

Firefox 3.6、chrome 2.0、safari 4.0はすべてこのCSS3属性をサポートしていますが、IE6/7/8/9はサポートしていません。サポート

関連する推奨事項:CSS チュートリアル

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。