ホームページ  >  記事  >  ウェブフロントエンド  >  無効化効果を実現するCSS操作制御

無効化効果を実現するCSS操作制御

php中世界最好的语言
php中世界最好的语言オリジナル
2018-05-07 17:41:294663ブラウズ

今回は、無効化効果を実現するための CSS 操作 コントロール について説明します。 無効化効果を実現するための CSS 操作 コントロール の注意点は何ですか。以下は実際のケースです。

js イベントを使用すると、

event.preventDefault()
event.stopPropagation()
などの入力、選択、チェックボックスのデフォルトの

イベント

を防ぐことができます。実際には、

input {
    pointer-events: none;
}

などの純粋な CSS を使用して実現することもできます。その後、CSS を使用してグレー表示します入力を出力し、透明度を 50% 無効にする効果を実現できます

input.disabled {
    pointer-events: none;
    opacity: 0.5;
}

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

H5+WebWorkers マルチスレッド開発と使用の詳細な説明

H5+キャンバス コンボリューション カーネル画像処理手順の詳細な説明

以上が無効化効果を実現するCSS操作制御の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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