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

推薦する

DockerにRedisをインストールし、パスワードを設定して接続する方法

Redis は分散キャッシュ サービスです。キャッシュは、大規模システムの開発やパフォーマンスの最適...

CentOS7 に Redis をインストールして設定する方法

導入Redis を詳しく説明する必要はありません。インストールと設定を始めましょう。インストールソー...

RHCEはApacheをインストールし、ブラウザでIPにアクセスします

1. at は、5 時間後にルート ディレクトリの at_test ファイルに「これは at タスク...

バインドを使用してDNSサーバーを設定する方法

DNS(ドメインネームサーバー)は、ドメイン名とそれに対応する IP アドレスを変換するサーバーです...

js でオブジェクトを作成するさまざまな方法とその長所と短所のまとめ

目次初期作成方法ファクトリーパターンコンストラクターパターンコンストラクタパターンの最適化プロトタイ...

nginx をプロキシ キャッシュとして使用する方法

キャッシュを使用する目的は、バックエンドの負荷を軽減し、Web サイトの同時実行性を向上させることで...

MySQL データベースは何をしますか?

MySQL はリレーショナル データベース管理システムです。リレーショナル データベースは、すべて...

Docker ベースの Redis 1 マスター、2 スレーブ、3 センチネルの実装

現在、Redis とコンテナについて学習中なので、Docker を使用して Redis マスタースレ...

美しいチェックボックススタイル(複数選択ボックス)はIE8/9/10、FFなどと完全に互換性があります。

恥ずかしながら、このようなよく使われるチェックボックスのスタイルを変更するために、Baidu で長い...

Vue+element はローカル検索機能付きのドロップダウン メニューを実装します

必要:バックエンドは配列オブジェクトを返し、それがフロントエンドで配列に結合されます。配列は名前に従...

MySqlは指定されたユーザーのデータベースビュークエリ権限を設定します

1. 新しいユーザーを作成します。 1. SQL ステートメントを実行して新しいものを作成します (...

rem をモバイル デバイスに適応させる方法の例

序文モバイル端末のREM適応ソリューションのレビューと概要remの使い方rem 単位の計算は、HTM...

Alibaba Cloud Server ドメイン名解決手順 (初心者向けチュートリアル)

ウェブサイトの構築を始めたばかりの初心者には、理解し、学ぶべきことがたくさんあります。ウェブサイトを...

Vue のスロットスコープの詳細な理解(初心者向け)

Baidu には slot-scope に関する記事が既にたくさんありますが、以前よく学習しておら...

WeChatアプレットでvantフレームワークを使用するための具体的な手順

目次1. アプレットのプロジェクト ディレクトリを開き、ファイルの場所を開きます。 2. プロジェク...