CSS は、モバイル端末でクリックされたときに生成された要素の背景色を削除します (推奨)

CSS は、モバイル端末でクリックされたときに生成された要素の背景色を削除します (推奨)

クリック時に背景色を生成する要素の CSS スタイルに次のコードを追加します。

-webkit-tap-highlight-color: 透明;

ps: モバイル端末でクリックされたときにaタグの背景色を解除するCSSを見てみましょう

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);

要約する

上記は、モバイル端末でクリックしたときに要素の背景色を削除するために紹介した CSS です。お役に立てれば幸いです。ご質問がある場合は、メッセージを残してください。すぐに返信します。また、123WORDPRESS.COM ウェブサイトをサポートしてくださっている皆様にも感謝申し上げます。

<<:  vue.js ルーターのネストされたルート

>>:  IE7でソースファイルを含むページを開くとページが空白になる問題の解決方法

推薦する

Vue フロントエンドの Excel ファイルのエクスポートの詳細な実装計画

目次1. 技術の選択2. 技術的な実装vue-json-excelプラグインを使用して実装1. vu...

Linux のタイムドログ削除を実装する簡単な方法

導入Linux は、ファイル、ログ、電子メール、バックアップなどを自動的に生成できるシステムです。ハ...

絵文字と問題解決のためのMySQL/Javaサーバーサポートの詳細な説明

この記事では、絵文字用の MySQL Java サーバーのサポートと問題解決方法について説明します。...

Angularフレームワークのビュー抽象定義の詳細な説明

序文「大規模なフロントエンド プロジェクト向け」に設計されたフロントエンド フレームワークである A...

Vue が DingTalk の出勤カレンダーを実装

この記事では、DingTalkの勤怠カレンダーを実装するためのVueの具体的なコードを参考までに共有...

Vue 初心者ガイド: 最初の Vue-cli スキャフォールディング プログラムの作成

1. Vue - 最初の vue-cli プログラムVueの開発はNodeJSに基づいています。実際...

Node.js パッケージ マネージャー npm の具体的な使用方法

目次目的npm init および package.json ファイルモジュールのインストールと管理モ...

計算機機能を実装するミニプログラム

この記事の例では、計算機機能を実装するためのミニプログラムの具体的なコードを参考までに共有しています...

Dockerfile の一般的なコマンドの概要

構文の構成: 1 注釈情報2 コマンド --- パラメータ [通常は大文字 | 実際には大文字と小文...

Vueスロットの使用の詳細

目次1. スロットを使用する理由1.1 スロット1.2 コンポーネントのスロット1.3 例2. この...

mysql-8.0.17-winx64 のデプロイメント方法

1. 公式サイトからmysql-8.0.17-winx64をダウンロードし、Zipファイル形式を選択...

ブラウザタブの左端に表示されるウェブサイトのアイコンを設定します

この文の目的は何ですか?コードをコピーコードは次のとおりです。 <link rel="...

MySQLを監視するためのbinlogログ解析ツールの詳しい説明:Canal

Canal は、Java を使用して開発された Alibaba のオープンソース プロジェクトです...

Linux コマンドラインで他のユーザーと通信する方法

Linux のコマンドラインで他のユーザーにメッセージを送信するのは簡単です。これを行うコマンドは多...

JavaScript が Jingdong の虫眼鏡の特殊効果を模倣

この記事では、Jingdong虫眼鏡を模倣したJavaScriptの具体的なコードを参考までに共有し...