携帯電話のボタンの青い背景を削除する方法？
Scoop Devek：
ご覧のとおり、クリック時にボタンの青い背景を削除しようとします。
質問する前に、多くのことを学びました。以下のトピックで提供されている解決策を確認して試してみました。
- テキスト/入力ボックスの周りのボーダー（アウトライン）を削除する方法は？（クロム）
- ボタンの周りの青いボックスを削除します。HTML
- クリックしたときにボタンの青いボックスの影の境界線を削除する方法
- ボタンの青い「選択された」アウトラインを削除
- ボタンの青い「選択された」アウトラインを削除
- ChromeのCSSカスタムスタイルボタンから青い枠を削除
- クリック時にボタンの周りのフォーカスを削除する方法
- ...
私はすべての答えを試しました！PCでは機能しますが、モバイルでは機能しません。PCを使用している場合は、コンソールでモバイルをシミュレートすることで試すことができます。これがボタンです：https : //jsfiddle.net/t4ykshst/
#add {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
outline: none;
cursor: pointer;
padding: 10px;
overflow: hidden;
border: none;
-webkit-border-radius: 50%;
border-radius: 50%;
color: rgba(255,255,255,0.9);
text-align: center;
background: #1abc9c;
-webkit-box-shadow: 0 4px 3px 2px rgba(0,0,0,0.2) ;
box-shadow: 0 4px 3px 2px rgba(0,0,0,0.2) ;
}
#add:active {
opacity: 0.85;
-webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
}<input type="button" id="add" value="+" title="" style="position: absolute; left: 0px; top: 0px; width: 52px; height: 52px;"> アスラム：
あなたは付け加えられます：
-webkit-tap-highlight-color: transparent;
これをスタイルシートに追加して、グローバルに定義することもできます。
input,
textarea,
button,
select,
a {
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
お役に立てれば ：）
詳細については、こちらのドキュメントをご覧ください：https : //developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/AdjustingtheTextSize/AdjustingtheTextSize.html#//apple_ref/doc/uid/TP40006510-SW5
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
編集
関連記事
Related 関連記事
- 1
携帯電話のボタンの青い背景を削除する方法？
- 2
携帯電話の同じセクションに異なる画像の背景を設定する方法
- 3
Angular6のパターンを使用してインドの携帯電話番号を検証する方法
- 4
javascriptを使用して携帯電話の幅を取得する方法
- 5
Androidで携帯電話会社のロゴを変更する方法
- 6
JavascriptでAjaxを使用してAndroid携帯電話の戻るボタンを機能させるにはどうすればよいですか?
- 7
インターネットなしで複数の携帯電話間でデータを送信するための（既存の）良い方法は何ですか？
- 8
一部の携帯電話では、fancyboxの閉じるボタンの外観が異なります
- 9
コンピューターで携帯電話を充電するのは本当に安全ですか？
- 10
サムスンの携帯電話で写真を撮るのに失敗する
- 11
javascriptを使用して文字列内の携帯電話番号を検出する方法
- 12
すでにデータベースにある携帯電話番号の検証を行う方法は？
- 13
携帯電話の場合、ボタンをクリックするには2回クリックする必要があります
- 14
携帯電話の電話帳から連絡先を取得する
- 15
マニフェストでのみ携帯電話を宣言する正しい方法
- 16
携帯電話番号を取得するための正規表現
- 17
携帯電話番号の入力を制限する
- 18
Bluetoothを使用してPCまたは携帯電話からコマンドを送信する際の違い
- 19
携帯電話とタブレットでのみアクションバーの下にタブを表示する方法
- 20
携帯電話番号odoo13の間のスペースを削除します
- 21
携帯電話のメモリから画像を選択し、背景として設定する
- 22
携帯電話のフッター幅
- 23
携帯電話のノッチデザインを作成するための要素のバウンディングボックスの外側のCSS「逆境界半径」
- 24
携帯電話プランの比較c ++
- 25
Xamarin Formsのボタンを使用して携帯電話にインストールされているSlackアプリケーションを開くにはどうすればよいですか？
- 26
携帯電話上のLinux？
- 27
FacebookLiteがインストールされている携帯電話でFacebookボタンを使用してログイン中にエラーが発生する
- 28
Android-メニューボタンのない携帯電話でメニューオプションを使用するにはどうすればよいですか？
- 29
PHPでの携帯電話番号の検証パターン
コメントを追加