Цвет входного текста не установлен при переопределении браузера

Question

Я работаю над сайтом, который должен позволять людям изменять цвета текста через настройки браузера.То, как я это делал, это НЕ устанавливал какие-либо цветовые значения для текста в CSS.В моем тестировании я заметил, что входные данные и селекторы, для которых не установлен какой-либо цвет CSS, остаются черными, даже если предполагается, что они переопределены другим цветом из браузера.Я приложил несколько скриншотов (весь текст должен быть синим) для Firefox в качестве примера, но также видел эту проблему в IE.

Кто-нибудьзнаете, можно ли это исправить и как сделать так, чтобы ввод и выбор тегов подбирали цвет браузера?

Answer 1

Элементы родной формы (особенно в старых браузерах), как известно, сложно стилизовать как на уровне CSS страницы, так и на уровне браузера. Internet Explorer (по крайней мере версии 8 и старше) использует собственные элементы пользовательского интерфейса ОС для элементов формы, и те получают стили по умолчанию от самой операционной системы.

Страница может переопределять цвета собственных элементов формы в ограниченной степени (и CSS уровня пользователя в браузере также могут).

Если вы хотите иметь больший контроль, вы можете рассмотреть возможность использования замены JavaScript для собственного поля выбора.

В ответ на ваш вопрос, однако, окраска элементов формы, вероятно, является общесистемной настройкой ОС. (В Windows это контролируется там же, где и цвет окна Chrome.)