стилизация HTML ввода текста для Android.Android отменяет мой дизайн

Question

Моя проблема: я создаю страницу с темной темой, и я хочу, чтобы мой текстовый ввод следовал за темой на темном фоне, на светлом тексте.Я просто установил свой текстовый ввод следующим образом:

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

это дает желаемый результат в настольных браузерах и на iPhone, но когда я нажимаю на вход на устройстве Android (пробовал на HTC Sensation и некоторых старых Samsung) по умолчанию белый фон с черным текстом, выглядит совершенно ужасно.Есть ли какой-нибудь способ помешать Android переопределить мой дизайн или мне придется с этим смириться?

Чтобы указать: это соответствующая часть моего макета.Просто простой HTML:

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

Answer 1

Попробуйте добавить -webkit-text-fill-color: #fff !important; к вашему css, то есть:

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

Answer 2

Использовали ли вы reset.css? http://meyerweb.com/eric/tools/css/reset/

Цель таблицы стилей сброса состоит в том, чтобы уменьшить несоответствия браузера в таких вещах, как высота строк по умолчанию, поля и размеры шрифтов заголовков и т. Д.