H5でクリックされたときにaタグの背景色をキャンセルする方法

H5でクリックされたときにaタグの背景色をキャンセルする方法

1. モバイル端末でクリックされたときにタグの青色を解除する

{
 -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
 -webkit-user-select: なし;
 -moz-user-focus: なし;
    -moz-user-select: なし;
}

2. aタグのクリックボタンとして画像を使用する場合、タッチスタートがトリガーされたときに灰色の背景が表示されることがよくあります。

a、a:ホバー、a:アクティブ、a:訪問済み、a:リンク、a:フォーカス{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color: 透明;
    アウトライン:なし;
    背景: なし;
    テキスト装飾: なし;
}

3. 選択したコンテンツの背景色を変更する

::選択{ 
    背景: #FFF; 
    色: #333; 
} 
::-moz-選択{ 
    背景: #FFF; 
    色: #333; 
} 
::-webkit-選択{ 
    背景: #FFF; 
    色: #333; 
}

4. iOS入力ボックスをクリックしたときに灰色の背景を削除する

-webkit-tap-highlight-color:rgba(0,0,0,0);

5. iOSで画像を選択したときに青い背景を削除する

画像 {
 -webkit-tap-highlight-color:rgba(0,0,0,0);
 -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
 -webkit-user-select: なし;
 -moz-user-focus: なし;
 -moz-user-select: なし;
 ユーザー選択: なし;
}

ラベルの背景色をクリックして解除する方法は以上です。ラベルの背景色に関するより詳しい内容は、123WORDPRESS.COM の過去記事を検索するか、以下の関連記事を引き続きご覧ください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

<<:  Springboot アプリケーションを迅速にデプロイするために Docker とアイデアを統合する詳細なプロセス

>>:  JavaScript コンストラクタとプロトタイプの関係

推薦する

React + Threejs + Swiper パノラマ効果を実現するための完全なコード

パノラマビュー効果を見てみましょう: 住所を表示スクリーンショット: 体験してみると、周囲の環境がぐ...

Linux で Bash 環境変数を設定する方法

Shell は C 言語で書かれたプログラムであり、ユーザーが Linux を使用するための橋渡しと...

Dockerコンテナを介してランプアーキテクチャを構築するプロセス

目次1. Centosイメージを取得する2. nginxイメージをビルドする3. MySQLイメージ...

Vueはズームイン、ズームアウト、ドラッグ機能を実装しています

この記事では、参考までに、ズームインとズームアウトのドラッグ機能を実現するためのVueの具体的なコー...

MySql 共通クエリコマンド操作リスト

MYSQL でよく使用されるクエリ コマンド: mysql> select version()...

Linux でリモート サーバー ファイルの状態を表示する方法

以下のように表示されます。 test コマンドはファイルが存在するかどうかを判断します。 ssh u...

知っておくべき 25 の Vue のヒント

目次1. プロパティを型リストに制限する2. デフォルトのコンテンツと拡張ポイント3. ネストされた...

Vueはプログレスバーの変更効果を実現します

この記事ではVueを使ってプログレスバーの変更を簡単に実装してみましたので参考にしてください。具体的...

最適なウェブページ幅とその互換性のある実装方法

1. Web ページをデザインするときに、幅を決定するのは非常に面倒な作業です。 jb51.net ...

DOCTYPE 文書型宣言 (Web ページ愛好家必読)

DOCTYPE 宣言 作成するすべてのページの先頭に、ドキュメント宣言が必要です。はい、そうでしょう...

MySQL で置換操作を使用したときにデータ損失が発生する問題の解決策

序文同社の開発者は、データの更新時に replace into ステートメントを使用していました。不...

MySQL マスターライブラリ binlog (master-log) とスレーブライブラリ relay-log 間のコードの詳細な説明

メインライブラリのバイナリログ: # 2420 で #170809 17:16:20 サーバー ID...

WangEditor リッチ テキスト コンポーネントを Angular でカプセル化する方法

リッチ テキスト コンポーネントは、Web プログラムで、特にブログやフォーラムなどの Web サイ...

ウェブページ印刷細線表+ページ印刷究極の戦略

最近、クライアントのために印刷していたとき、ページのヘッダーを印刷するのではなく、表の内容だけを印刷...

eject を使用せずに create-react-app の設定を変更する方法

1. イジェクトが推奨されないのはなぜですか? 1. eject を実行した後、どのような変化があり...