携帯端末で青い背景の入力（ラジオ、選択、チェックボックス）を削除するにはどうすればよいですか？

ユーザーが入力（ラジオ、チェックボックス、または選択）をクリックしたときにフォーカス背景を削除しようとしましたが、機能しません。これらは私が要素の上に置くスタイルです：携帯端末で青い背景の入力（ラジオ、選択、チェックボックス）を削除するにはどうすればよいですか？

.form-holder input[type="radio"]:focus, .form-holder input[type="checkbox"]:focus { 
    background: transparent; 
    box-shadow: none; 
    outline: 0!important; 
    outline: none!important; 
    -webkit-tap-highlight-color: transparent!important; 
    }

Test image

JSFiddle

任意の提案ですか？ありがとう。

出典

2017-10-10 DigitalMakers

ここで示唆しているように、outline-width：0で試してみましたか？ https://stackoverflow.com/questions/1457849/how-to-remove-the-border-highlight-on-an-input-text-element – sissy

はメディアクエリ内のこのコードですか？ –

こんにちは、あなたの答えのおかげで、シシ。私はそれを追加しようとしましたが、まだ動作していません。青色の背景が表示されます。 – DigitalMakers

希望すると便利です。

.form-holder input[type="radio"]:focus, .form-holder input[type="checkbox"]:focus { 
    background: transparent; 
    box-shadow: none; 
outline: none; 
    outline-width: 0; 
-webkit-tap-highlight-color: rgba(0,0,0,0) !important; 
}

出典

2017-10-10 08:54:07

こんにちはエイリアスVarghese。ご意見ありがとうございます。 outline-width：0を入力しようとしましたが、まだ動作していません。私はまだ問題を見つけようとしています。 – DigitalMakers

JSFIddleにhtmlを追加できますか？ –

ボタンの中に入れたと思います –

解決策が見つかりました。ラベルがその相互作用をしているので、入力がラベルの内側にあるので、それらのスタイルをラベルに置く必要があります。全てに感謝。

出典

2017-10-10 10:05:37 DigitalMakers

携帯端末で青い背景の入力（ラジオ、選択、チェックボックス）を削除するにはどうすればよいですか？

答えて

関連する問題