为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; 
}