为Android设计html文本输入。 android覆盖了我的设计

时间:2011-10-06 12:22:51

标签: android html css mobile

我的问题:我正在设计一个带有深色主题的页面,我希望我的文本输入遵循深色背景,浅色文本的主题。我只需设置我的文字输入:

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

这在桌面浏览器和iPhone上得到了理想的结果但是当我点击Anddroid设备上的输入(在HTC Sensation和一些旧的三星上试过它)时,它默认为带有黑色文本的白色背景,看起来非常可怕。有什么方法可以阻止Android覆盖我的设计,或者这是我必须忍受的东西?

指定:这是我的布局的相关部分。简单的简单html:

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

2 个答案:

答案 0 :(得分:0)

您是否尝试过使用reset.css? http://meyerweb.com/eric/tools/css/reset/

  

重置样式表的目标是减少浏览器在默认行高,边距和标题字体大小等方面的不一致性。

答案 1 :(得分:0)

尝试将-webkit-text-fill-color: #fff !important;添加到您的css中,即:

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