IE8 CSS與IE7和Firefox不同

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;
}

該樣式似乎可以很好地應用於文本框，但不能選擇/

關於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

如果您希望選擇框看起來與跨瀏覽器相同，建議您使用jQuery插件（ 類似這樣 ）。 不幸的是，如果僅使用CSS來控制選擇框，則永遠不會獲得一致的結果。 暫時只是網絡方式。

Answer 2

閱讀此內容並檢查您所使用的IE的“模式”，以了解其如何解釋代碼。 我不認為這適用於IE的較新版本（例如，> = 9ish）

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

Answer 3

您可能想看看它，

http://www.evotech.net/blog/2009/03/ie8-css-support/ 鏈接文本

Answer 4

好吧，好像有人遇到了同樣的問題。

選擇菜單上的IE8和Border CSS屬性

解決方案似乎是將以下行放在標題中：

IE8到底是怎么回事？