CSS: IE11'de vurgulu sonları düğmesi stili

Question

IE11'deki düğmeler için varsayılan stil, bir vurgulu efekti içerir - düğmeler, vurguluda camgöbeği ile vurgulanır (tam etki temayla bağlantılı olabilir). Bununla birlikte, :hover sözde sınıfını kullanarak görünüşte ilgisiz bir CSS kuralı eklemek, vurgulu düğmelerde vurgulama yapar ve tıklatıldığında bazı tuhaf davranışlar sergiler (vurgulu vurgulama uygulanmış gibi görünür ve düğmeyi tıklattığınızda takılır).

beklediğim gibi çalışır, yalnızca aşağıdaki HTML, birlikte JSFiddle içinde basit bir test durum var:

<div> 
    <button>Prev</button> 
    <button>Next</button> 
</div> 

"Önceki" düğmesinin üzerine gelerek bu şuna benzer:

https://jsfiddle.net/qtsfokmy/

aşağıdaki CSS kuralı eklerseniz (kullanıldığı hangi sınıf adı önemli, ya da eğer gelmez boştur veya aslında bir şey yapar), düğmeler artık vurgulu üzerinde vurgulanmaz, ancak bir düğmeyi tıklatırsam, hover efekti takılı kalır (örn.) Tıklandıktan sonra süpürdü değilken düğmesi hala vurgulanır:

https://jsfiddle.net/vwhurLy4/

My PC ayrıntıları

.AnythingYouWant:hover {} 

şunlardır: Windows

ben yapıyor muyum 7 64 bit SP1, IE11 11.0.9600.18230, Aero Tema Bunun nedeni CSS ile geçersiz bir şey mi yoksa bu sadece tek bir IE11 hatası mı? Bunu düzeltmenin bir yolu var mı? Firefox ve Chrome, :hover CSS kuralı tarafından rahatsız edilmiyor.

Answer 1

Varsayılan vurgulu stilleri tekrar düğmelere yeniden uygulamanın bir yolu olup olmadığını merak ettim, ancak bu kadar ileri gitmenize bile gerek yok. Boş olmayan herhangi bir button:hover kuralı, varsayılan stili düzeltiyor gibi görünüyor (boş bir kural , sorunu gidermez), ör. Bu kural aslında hiçbir şeyi değiştirmez, ancak IE11 varsayılan hover efekti geri gelmez:

.AnythingYouWant:hover {} 
button:hover { 
    font-weight: normal; 
} 

kullandığım için daha iyi "hiçbir şey" CSS kuralı varsa emin değilim.

https://jsfiddle.net/xkf5fbLd/