आईई

Question

में ट्विटर बूटस्ट्रैप ड्रॉपडाउन होवर को ओवरराइड कैसे कर सकता हूं यह क्रोम, सफारी और फ़ायरफ़ॉक्स में काम करता है। लेकिन आईई 9 में नहीं। मैं ड्रॉपडाउन-मेनू होवर से नीली पृष्ठभूमि को हटाना चाहता हूं।

मेरे पास एक ट्विटर बूटस्ट्रैप ड्रॉपडाउन-मेनू है।

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

मेरी overrides.css में (bootstrap.min.css के बाद लोड)

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

हालांकि, IE में background-color और background-image काम नहीं कर रहा, यह अभी भी नीले बूटस्ट्रैप चहचहाना है। color ठीक काम करता है, जब मैं होवर करता हूं तो लाल होता है।

किसी भी मदद की बहुत सराहना की जाती है! 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; 
}