爲Android設計html文本輸入。 android覆蓋我的設計

Question

我的問題：我正在設計一個黑暗主題的頁面，我希望我的文本輸入可以跟隨黑暗背景，淺色文本的主題。我簡單地設置這樣我的文字輸入：

#name_of_my_text_input { 
    background-color: black; 
    color: white; 
} 

這得到在桌面瀏覽器和iPhone，但期望的結果，當我點擊的Anddroid設備上輸入（試過在HTC感覺和一些老的三星），它默認爲黑色文字的白色背景，看起來非常可怕。任何阻止Android覆蓋我的設計的方法，或者這是我必須忍受的事情嗎？

要指定：這是我的佈局的相關部分。只是簡單的HTML：

<input id="name_of_my_text_input" type="text" name="n" /> 

Answer 1

你試過使用reset.css？ http://meyerweb.com/eric/tools/css/reset/

重置樣式表的目標是減少瀏覽器在默認行高度，標題邊距和字體大小等方面的不一致性。

Answer 2

嘗試添加-webkit-text-fill-color: #fff !important;到你的CSS，那就是：

#name_of_my_text_input { 
    background-color: black; 
    color: white; 
    -webkit-text-fill-color: #fff !important; 
}