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样式:)

当然，这是不理想的，如果工作你需要一个完美的方形按钮，但是你可以为半径设置一个低值（尽管如此，仔细检查它的外观）。