輸入有不同風格的焦點

Question

我正在開發一個Android應用程序Phonegap，但我遇到了一個問題...輸入有不同的背景，焦點的邊框和陰影（見下文）。應該指出的是，這僅適用於輸入類型「密碼」。

我該如何解決這個問題？提前致謝！

Answer 1

Android-WebKit-Browser似乎在焦點上添加了一個特殊的疊加框到輸入類型「密碼」（我認爲應用這個特殊的移動掩碼，最後一個字母輸入仍然可見），忽略除了「-webkit-tap-highlight-color」屬性。

所以你會失去運氣造型這些輸入框。順便說一句。輸入框造型不起作用與HTC Sense裝置可言，看看這裏：

Input-Elements in WebViews always have the same style if highlighted on HTC Devices

哦，一個例外：花式似乎對三星設備（至少在銀河S和工作I5800）

Answer 2

您應該能夠通過鎖定輸入並添加:focus來應用不同的樣式。例如：

input[type=password]:focus { border-radius: 5px; } 

假設輸入的密碼類型是圓角。然後從其他輸入中複製剩餘的樣式以匹配。

Answer 3

我們在HTC設備上遇到了一個問題，在這種情況下，如果在動畫上顯示錶單，CSS3轉換會導致顯示「雙重密碼」框。

基本上，Android創建的疊加層將繪製在屏幕的底部，而不管實際的HTML表單標記是在哪裏呈現的。

每次您在密碼字段中輸入時，Android都會更新這兩個框。看起來很可怕。它通常在輸入字段失去焦點後消失...通常。

由於試圖強制樣式不起作用，我們必須確保-webkit-backface-visibility設置爲''（而不是'隱藏'）。每當輸入表單顯示。