Примените Стильный для всех сайтов, но НЕ для браузера

Я хочу применить стильную тему ко всем коробкам inpux, текстовым областям и полям выбора, поэтому я написал:

@namespace url(http://www.w3.org/1999/xhtml);
textarea, input, select {
  background-color: white !important;
  color: black !important;
}

Насколько я понимаю, это относится только к веб-страницам, но также влияет на строку URL, делая ее белой. Есть ли способ, чтобы это не влияло на строку URL?

Я использую Firefox Nightly (версия 43).

Обновить

Если вы хотите, чтобы GTK3 Firefox выглядел правильно с темной темой, окончательное решение - это стильная конфигурация с:

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix('http://'), url-prefix('https://') {
  textarea, input, select {
    background-color: white !important;
    color: black !important;
  }
}

Работает как шарм.

1 ответ

Решение

Firefox использует смесь XUL и HTML для своего Chrome, поэтому объявление пространства имен CSS по умолчанию также влияет на элементы HTML из браузера Chrome. Вы можете обернуть свой стиль в @-moz-document блокировать ограничение происхождения целевого контента, например:

@-moz-document url-prefix('http://'), url-prefix('https://') { /* your code here */}
Другие вопросы по тегам