ローカルホストと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

ローカルホストとウェブサーバーがコードを別々にコンパイルしている場合、border：0を試してみる価値があります。代わりにまたはborder：none;スタイリングで。