IE 9 ve düğme elemanını şekillendirme

Question

Düğmenin çeşitli taraflarına kenarlık rengi ekleyen bir css sınıfı uyguladığım bir düğme öğesine sahibim. Bu 9

HTML: 

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

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

bu bilinen bir sorun var mı ve sınır tarzı yanında bunun çözüm değil Önceki IE sürümlerinde çalıştı, ancak IE içinde: neden; Çeşitli kombinasyonları denedim ama artık düğme öğesinin kenarlıklarını daha fazla stilleyemezsiniz.

Düzenleme: biçimlendirme

Answer 1

Eğer sınırların 3 belirtirseniz, bu sınırlar IE9 işleneceğini. Eğer 4 sınır belirttiğinizde, IE9 sınırları

İşleri herhangi işlemek reddediyor:

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

Çalışmıyor:

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

geçerli olmadığı sürece (veya Bu davranış için neden en azından belirtmiş), bana bir hata gibi görünüyor ...

Answer 2

Bir böcek. Daha eski bir IE sürümü için bir belge uyumluluk modu tanımlayabilir misiniz?

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

Answer 3

bir böcek gibi görünüyor. Ben sunucu controll beri IE = EmulateIE8

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

Answer 4

Bu seferki garip bir X-UA Uyumlu yanıt başlığını ayarlayarak bunu çözdü. Kenarlık stili belirtmezseniz çalışır. Böylece IE9 size sağlam bir sınır getirecektir, ancak diğer tarayıcılar her türlü farklı şeyi yapacaktır.

Ama bu .. (border-style ek olarak) border-radius belirtmek Yani gitmek ve bazı modern CSS stil :) Tabii

kendinizi ödüllendirin bu idealdir değilse çalışmaya gider Mükemmel bir kare düğmesi istiyorsanız, ancak yarıçap için düşük bir değer ayarlayabilirsiniz (yine de nasıl göründüğünü iki kez kontrol edin).