Làm cách nào tôi có thể ghi đè lên trình đơn thả xuống Twitter Bootstrap trong IE

Question

Tính năng này hoạt động trong Chrome, Safari và Firefox. Nhưng không phải trong IE9. Tôi muốn xóa nền màu xanh lam khỏi menu thả xuống.

Tôi có trình đơn thả xuống twitter bootstrap.

<ul class="dropdown-menu"> 
    <li> 
    <a href="https://stackoverflow.com/users/sign_out">Sign out</a> 
    </li> 
</ul> 

Trong overrides.css tôi (nạp sau bootstrap.min.css)

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { 
    color: red; 
    background-color: white; 
    background-image: none; 
} 

Tuy nhiên, trong IE các background-color và background-image không hoạt động, nó vẫn là twitter bootstrap xanh. Các color hoạt động tốt, nó là màu đỏ khi tôi di chuột.

Bất kỳ trợ giúp nào được đánh giá cao!

Đây là một jsfiddle với ví dụ của tôi: http://jsfiddle.net/tcpxq/

Answer 1

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { 
    color: red; 
    background-color: white; 
    background-image: none; 
    filter: none; 
}