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 コンストラクタとプロトタイプの関係

推薦する

HTML入門チュートリアル HTMLタグ記号をすぐにマスター

補足<br />HTML について何も知らず、HTML の始め方がまだわからない場合は、...

Tomcat9 のダウンロード、インストール、設定 + Eclipse への統合に関する詳細なチュートリアル

トムキャット公式サイトtomcatはローカルサーバーと同等であり、Webページを開くことができます設...

MySQL alter ignore構文の詳細な説明

今日仕事中に、ビジネス側から次のような質問をされました。テーブルがあり、一意のフィールドを追加する必...

VirtualBox6上のCentOS7で静的IPを設定する方法と注意点

VirtualBox をインストールした後、CentOS 7 をインストールします。ここでは詳細には...

Windows Server 2008 R2 リモート デスクトップのポート 3389 を変更する方法

Windows サーバー リモート デスクトップのデフォルトのポート番号は 3389 です。職場でサ...

Vue はタブ ラベルを実装します (ラベルが自動スクロールを超える)

作成されたタブラベルがページの表示領域を超えると、タブラベルの距離だけ自動的にスクロールされます。ま...

W3C チュートリアル (5): W3C XML アクティビティ

XML は、データを記述、保存、送信、交換するために設計されています。 XML 1.0 は XML ...

WindowsとLinux間でファイルを転送する方法

WindowsとLinux間のファイル転送(1)WinSCPを使用して、WindowsファイルをLi...

CSS で div にスクロールを追加し、スクロール バーを非表示にする

CSS は div にスクロールを追加し、スクロール バーを非表示にします。具体的なコードは次のとお...

MySQL はカスタムシーケンスを使用して row_number 関数を実装します (詳細な手順)

いくつかの記事を読んだ後、ようやく MySQL で row_number() ソートを実装する方法が...

ApacheBench でマルチ URL をサポートする方法

標準の ab は単一の URI でのストレス テストのみをサポートしており、実際のニーズを満たしてい...

Windows での MySQL 8.0.11 インストール チュートリアル

この記事は、WindowsでのMySQL 8.0.11のインストールチュートリアルを記録しています。...

Vue2.0でデータの双方向バインディング機能をjsを使って実装する

Object.definePropertyの理解文法:オブジェクト.defineProperty(o...

W3C チュートリアル (4): W3C XHTML アクティビティ

HTML は、World Wide Web 上で公開するために使用されるハイブリッド言語です。 XH...

CSS スタイルが機能しない (史上最も完全な解決策の概要)

ページを作成するときに、記述した CSS スタイルが有効にならないことがあります。この現象にはさまざ...