IE8和選擇菜單上的邊框CSS屬性

在IE中查看非常簡單的HTML片段時，我得到一個非常奇怪的行爲，由IIS提供。我茫然地解釋這個...IE8和選擇菜單上的邊框CSS屬性

採取以下HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 

<html> 
    <head> 
    <style> 
     .iWantaBorder 
     { 
     border:red solid 1px ; 
     } 
    </style> 
    </head> 
    <body> 
    <select class="iWantaBorder"> 
    <option>1</option> 
    </select> 
    </body> 
</html>

另存爲HTML文件到您的桌面。在IE8中查看時，選擇菜單具有紅色邊框。

現在將文件複製到IIS 5.1或IIS6中的網站或虛擬目錄。

在IE8中瀏覽該文件...沒有紅色邊框。

任何人都可以告訴我這裏發生了什麼？我真的想在這個菜單上有一個邊框。以爲這應該是簡單的說實話，但我很困惑！

來源

2009-12-10 Paul

嘗試把這個在你的腦袋標籤：

<meta http-equiv="X-UA-Compatible" content="IE=edge" >

按：http://msdn.microsoft.com/en-us/library/cc288325%28VS.85%29.aspx

來源

2009-12-10 12:25:04

IE 8兼容模式（企業模式）對我來說也是一樣的行爲。現在解決方案適用於我。謝謝 – user1011138

-1

試試這個：

border: 1px solid red;

的border shorthand syntax應該是重量，樣式，顏色。你似乎有錯誤的順序。

把這些錯誤的順序可能會使IE8進入怪癖模式，可能會導致您的問題。

來源

2009-12-10 11:53:56

沒有歡樂那裏或者傢伙。這真的很奇怪。 – Paul

這可能會解決問題：

<style type="text/css"> 
     .iWantaBorder 
     { 
     border:solid 1px red; 
     display:inline-block; /*this should fix the bottom and right border*/ 
     } 
</style>

編輯：

我曾嘗試複製問題，你是對不上的IE8工作，但如果你是在IE8標準/兼容模式它工作在IE7標準/ QuirksMode它不，不知道爲什麼它不工作在IE7 Standards/Quirksmode。

無論如何，另一個解決方法是用另一個內聯元素包裝select元素，並將邊框放在包裝元素上。

<span class="iWantBorder"> 
    <select> 
     <option>Sample Option</option> 
    </select> 
</span>

來源

2009-12-10 11:54:34 jerjer

已經嘗試了3種不同的文檔類型和所有css方式，包括不使用任何速記。沒有快樂... – Paul

你有沒有嘗試過在樣式標籤上添加類型？ – jerjer

好點，試試

IE8和選擇菜單上的邊框CSS屬性

回答