本地主机和Web服务器上的文本框样式不同

Question

远程Web服务器上的以下代码按预期呈现“不可见”文本框。然而，localhost上的相同代码仍然显示文本框边框。没有其他样式表可用（我知道） - 并且!important不起作用。

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

我发现这表明而是使用border-left: none，border-right: none等这个工程this discussion！但我仍然在这里张贴，因为我不明白为什么。服务器上的页面是相同的，并在同一浏览器（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

这可能是一个长镜头，但如果本地主机和web服务器编译代码不同，它可能是值得尝试的边界：0;相反或边框：无;在造型上。