2

1つの入力フィールドを持つ単純なフォームがあります。javascript inputID.focus（）を介してこのフィールドにフォーカスを設定しました。一部のAndroidデバイス（およびブラウザーのユーザーエージェント）でテストすると、フォーカスが与えられたときに入力値の背景色が青色になっていることに気付きました。私はたくさんのことを試しましたが、このハイライトを削除できないようです。助言がありますか？以下は私が試したことです：

ここに画像の説明を入力してください

CSS： 

input { width: 200px; height: 24px; border: 1px solid #999; border-radius: 5px; font: Verdana, Geneva, sans-serif; color: #666; padding: 2px; font-size: 12pt; margin-bottom: 10px; background-color: #fff !important; }
input[type=text]:focus{ border:1px solid #090; backface-visibility:hidden !important; background-color:#fff !important; -webkit-tap-highlight-color:#fff !important; -webkit-backface-visibility:hidden !important; text-decoration:none; }
input::selection { background-color:#fff; color:#fff; }
input::-moz-selection { background-color:#fff; color:#fff; }
input::-webkit-input-placeholder {background-color:#fff; color:#fff;}
input:-moz-placeholder {background-color:#fff; color:#fff;}

HTML：

<input id="ducks" type="text" value="quack quack quack mr.duckworth" readonly="">

Javascript：

var inputBox = document.getElementById('ducks');
inputBox.focus();
4

2 に答える 2

0

ああ、私は単にinput：focusセレクターでuser-selectを設定する必要がありました：

CSS：

input[type="text"]:focus { 
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
于 2012-10-17T17:10:45.417 に答える
0

うーん、フォーカス時に入力内容全体が選択されているように見えます。入力フィールドの最後にキャレットを配置して、このオンフォーカスを入力フィールドに割り当てることができます

onfocus="this.value = this.value;"
于 2012-10-17T12:19:07.347 に答える