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

推薦する

MySQL ルートパスワードをリセットする方法

目次1. ルートパスワードを忘れてしまい、データベースにアクセスできない: DBA にとって、スーパ...

Vue.js で AntV X6 を使用する手順の例

目次0x0 はじめに0x1 インストール0x2 ノードサイドバー0x3 統合例0x0 はじめにプロジ...

Mac+IDEA+Tomcat の設定手順

目次1. ダウンロード2. インストールと解凍3. Tomcatを起動する4番目に、インストールが成...

Webデザインの経験: Webコードを効率的に書く

本来、この第 7 章では、デザインにおけるレイヤーと空間テクニックについて深く議論するはずです。しか...

無効な Nginx クロスドメイン設定 Access-Control-Allow-Origin の解決策

nginx バージョン 1.11.3次の構成を使用すると、検証は無効になり、クロスドメインの問題が依...

k8s に ingress-nginx をデプロイする手順

目次序文1. Ingressの展開と構成2. httpsを使用する序文k8sクラスタサービスがデプロ...

mysql binlog ログを正しくクリーンアップする 2 つの方法

mysqlはbinlogログを正しくクリーンアップします序文: MySQL の binlog はデー...

純粋な CSS でカスタムラジオボタンとチェックボックス機能を実装する

1. 効果を達成する 2 知識ポイント2.1 <label> タグHTML では、<...

Vue が価格カレンダー効果を実現

この記事では、価格カレンダー効果を実現するためのVueの具体的なコードを例として紹介します。具体的な...

HTMLは無効なテーブル幅設定の問題を解決します

テーブルに table-layer:fixed スタイルを設定し、テーブル内の行が結合されていること...

Linux(中心OS7)は、Java Webプロジェクトの実行環境を構築するためにJDK、Tomcat、MySQLをインストールします。

1. JDKをインストールする1. 古いバージョンまたはシステム独自のJDKをアンインストールする...

同期スクロールを実現するための複数のテーブル要素のサンプルコード

Element UIは、複数のテーブルを同時に水平および垂直にスクロールすることを実装します。 コー...

Eclipse/Tomcat でホットデプロイメントとホットスタートを実装する方法

1. ホット デプロイメント: コンテナの実行中にプロジェクト全体を再デプロイすることを意味します。...

CSS3はマスク連打機能を実現する

最近Bステーションでスマートアンチブロッキング弾幕と呼ばれる弾幕エフェクトを見ました。これは伝説のマ...

Vue 日付時刻ピッカーコンポーネントの使い方の詳細な説明

この記事の例では、Vue の日付時刻ピッカーコンポーネントの具体的なコードを参考までに紹介します。具...