Стиль текстового поля отличается на локальном хосте и веб-сервере

Question

Следующий код на удаленном веб-сервере отображает «невидимое» текстовое поле, как и ожидалось.Однако тот же код на localhost по-прежнему показывает границы текстового поля.Нет других таблиц стилей, которые вступают в игру (о которых я знаю), и !important не имеет никакого эффекта.

<input type="text" style="color:White; border:none; width:1px;" />

Я нашел это обсуждение , которое предлагает использовать вместо border-left: noneborder-right: none и т. Д. Это работает !!Но я все еще пишу здесь, потому что я не понимаю, почему.Страница на сервере идентична и просматривается в том же браузере (IE8).

Есть мысли?

Answer 1

На удаленном сервере IE8 находится в «режиме IE8», поэтому он работает должным образом.

По любой причине на локальном хосте IE8 находится в «режиме IE7».

Нажмите F12чтобы вызвать Инструменты разработчика, чтобы проверить это.

Возможные причины:

• При нажатии на страницу режима совместимости при просмотре страницы с локального хоста.
• В противном случае см.http://blogs.msdn.com/b/ie/archive/2010/03/02/how-ie8-determines-document-mode.aspx или http://hsivonen.iki.fi/doctype/#ie8modes.

Answer 2

Это может быть длинный путь, но если локальный хост и веб-сервер компилируют код по-разному, возможно, стоит попробовать border: 0;вместо этого или границы: нет;в стиле.