IE8 IE7とFirefoxとは異なるCSS

Question

私は、選択ドロップダウンボックスにCSSスタイルを適用し、テキストボックスを入力します。

スタイルはIE7とFirefoxでは動作しますが、IE8では動作しません。

CSSは次のとおりです。

input.text, input.file, textarea.textarea, select.select 
{ 
    font-family:"lucida grande",tahoma,verdana,arial,sans-serif; 
    color:#333; 
    margin:0; 
    padding:4px; 
} 

input.text, textarea.textarea, select.select{ 
    border-top:1px solid #7c7c7c; 
    border-left:1px solid #c3c3c3; 
    border-right:1px solid #c3c3c3; 
    border-bottom:1px solid #ddd; 
} 

スタイルがtextboxedする罰金適用するために表示されますが、これはIE8で起こっている理由について/

任意のアイデアを選択していませんか？あなたはそれを見てしたいことがあり

        <label class="desc" > 
             First name</label> 
            <input type="text" name="nuFirstname" id="nuFirstname" class="text pop" value="" /></li> 
           <li> 
            <label class="desc" > 
             Surname</label> 
            <input type="text" name="nuSurname" id="nuSurname" class="text pop" value="" /></li> 
           <li> 
            <label class="desc" > 
             Colour</label> 
            <select class="select pop" id="nuDept" name="nuDept"> 
             <option value="-" selected="selected">-</option> 
             <option value="2">Green</option> 
             <option value="3">White</option> 
             <option value="4">Orange</option> 

            </select></li> 

Answer 1

、

http://www.evotech.net/blog/2009/03/ie8-css-support/link text

Answer 2

[OK]を、誰かが同じ問題を抱えていたように思えます。

IE8 and border css property on select menus

ソリューションは、ヘッダーにこの行を入れているように見える：

地球上で何がIE8で起こっていますか？

Answer 3

選択ボックスに同じクロスブラウザが表示されるようにするには、jQueryプラグイン（something like this）を使用してください。残念ながら、CSSだけでコントロールしようとすると、選択ボックスで一貫した結果を得ることはできません。それはウェブのやり方...今のところです。

Answer 4

これを読んで、IEの「モード」がどのように解釈されているかを確認してください。あなたにもHTMLコードを表示することができます私は、これはIEの新しいバージョン（すなわち> = 9ishおそらく）

http://www.quirksmode.org/css/quirksmode.html