IE 9和造型按鈕元素

Question

我有一個按鈕元素，我應用了一個css類，它將按鈕的各個邊添加邊框顏色。 這曾在以前的IE版本，但不是在IE 9

HTML: 

<button class="hello-button">Hello, World</button> 

CSS: 
.hello-button {  
    border-width: 2px; 
    border-style: solid; 
    border-color: #eee #a9a9a9 #a9a9a9 #eee; 
} 

這是一個已知問題，是除了邊框樣式的有變通方法：首先， 我已經嘗試過各種組合，但它似乎不能再按鈕元素的邊框樣式。

編輯：格式化

Answer 1

如果指定邊框3，這些邊界將在IE9渲染。一旦您指定了4邊界，IE9拒絕提供任何邊界

作品：

.hello-button {  
    border-top: 2px solid #eee; 
    border-right: 2px solid #a9a9a9;  
    border-bottom: 2px solid #a9a9a9; 
} 

不起作用：

.hello-button {  
    border-top: 2px solid #eee; 
    border-right: 2px solid #a9a9a9;  
    border-bottom: 2px solid #a9a9a9; 
    border-left: 2px solid #eee; 
} 

，除非有一個有效（或至少spec'd）這種行爲的原因，它看起來像一個bug ...

Answer 2

它確實看起來l ike一個bug。您可以爲舊版IE定義文檔兼容模式嗎？

http://msdn.microsoft.com/en-us/library/cc288325(v=vs.85).aspx

Answer 3

看起來像一個錯誤。由於我CONTROLL服務器我由X-UA-兼容響應報頭設置爲IE = EmulateIE8

http://msdn.microsoft.com/en-us/library/cc288325%28v=vs.85%29.aspx#Servers

Answer 4

這一個是奇怪的解決它。如果你不指定邊框樣式，它實際上是有效的。然後IE9會給你一個堅實的邊界，但其他瀏覽器會做各種不同的事情。

但它可以追溯到如果指定邊界半徑（除了邊框樣式）..所以去和對待自己的一些現代的CSS樣式:)

當然，這是不理想的，如果工作你需要一個完美的方形按鈕，但是你可以爲半徑設置一個低值（儘管如此，仔細檢查它的外觀）。