2

クールな検索入力を備えた Web アプリを構築しています。ただし、入力をクリックして入力を開始すると、入力ボックスが青色の境界線で強調表示され、見栄えがよくなりますが、これに加えて、テキスト入力の上にオレンジ色の境界線のある白い長方形が表示され、非常に見栄えが悪くなります。

これに対していくつかの解決策を試しましたが、どれもうまくいきません。(アルファを 0 に変更する CSS スタイリング ソリューション。) [しかし、それらを Android 4.0 以降で動作させることができる場合は、おそらく私のやり方が間違っていたので、もう一度やり直します]

他の人は、これらのソリューションは新しい Android OS では機能しないと言っていますが、これは私の経験でもあります。私は個人的に Android 4.0.4 を実行しています。

--- 問題の再現 ---

私の Android アプリケーションとネイティブ Android ブラウザ ...

ここに画像の説明を入力

Android 用 Chrome ブラウザ ... [ 正常に動作します。]

ここに画像の説明を入力

Chromeで動作するため、修正できる必要があります。Chrome はオープン ソースだと思っていたので、解決策を見つけられるようにソース コードを見つけようとしました。Android Chrome のソースは利用できないため、オープン ソースではありません。

4

4 に答える 4

5

google.com を掘り下げてみると、彼らの入力にはハイライトがありません。彼らが持っているのはこれです：

-webkit-tap-highlight-color: rgba(0,0,0,0);

これで、醜いオレンジ色の形の悪い四角形がクリアされます。

于 2012-12-18T02:06:55.467 に答える
3

outlineスタイルをnoneフォーカスに設定してみましたか？cssソリューションを試したとおっしゃいましたが、何を試しましたか？

私には、かなり標準的で上書き可能なフォーカスのアウトラインのように見えます

outline: none;
box-shadow: none; /* If this is a box shadow - clear it with this */
于 2012-09-29T17:15:25.127 に答える
1

re: この修正:

input:focus { -webkit-user-modify: read-write-plaintext-only; }

4.0.4 を実行している s3 でこれをテストしました (入力フィールドに関連する別の問題がありました)。

予測テキストがオンになっていると、テキストがフィールドに正しく入力されないという問題が発生します。使用することはお勧めしません。

入力がフィールドに適切に入力されない問題 (スペースを押した後、入力したすべての単語の最初の文字のみが入力されます!!) は、要素内に入力フィールドが絶対配置されている場合にも発生します..

これが最初の問題の原因でした。おそらく別のスタック オーバーフローの投稿に値するでしょう。

于 2012-11-27T08:49:43.990 に答える
0

これは css/javascript とは関係ないと思います。

デバイス設定で「Web アクセシビリティの向上」を有効にすると、この動作が既に発生しています。

デバイスの一般設定 (ブラウザーの設定ではなく)、アクセシビリティにアクセスして、「Web アクセシビリティの改善」などがあるかどうかを確認してください (申し訳ありませんが、私のデバイスの言語はフランス語です。英語での正確な名前はわかりません)。

このオプションをオンにすると、Web ページの編集可能/クリック可能なコンテンツの周りに大きなオレンジ色の境界線が表示されます。

于 2013-01-16T16:00:11.160 に答える