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

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

王林
リリース: 2020-11-30 11:10:32
オリジナル
5843 人が閲覧しました

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 サイトの他の関連記事を参照してください。

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