ट्विटर बूटस्ट्रैप पंक्ति पट्टियों के साथ तालिका पंक्ति हाइलाइट हटाएं

Question

क्या ट्विटर बूटस्ट्रैप से tr: होवर शैली को हटाने का कोई आसान तरीका है कि मैं अभी भी होवर पर पंक्ति हाइलाइट प्राप्त किए बिना अपनी टेबल स्टाइल का उपयोग कर सकता हूं?

Answer 1

@ ब्लेंडर के जवाब सही पर है, लेकिन केवल तभी जब आप कर रहे हैं नहीं अपनी मेज पर .table-striped वर्ग का उपयोग कर।

आप हैं.table-striped वर्ग का उपयोग कर रहे हैं, तो पंक्ति उजागर दूर नहीं जाना होगा, जब आप एक पंक्ति प्रकाश ग्रे रंग धारी है पर होवर करें।

जब आप हल्के भूरे रंग की पंक्ति पर होवर करते हैं तो यह होगा कि पंक्ति हल्के भूरे रंग से पारदर्शी (सफेद) में बदल जाएगी, और इस प्रकार आप अनजाने में सभी प्रकाश-ग्रे पर एक पंक्ति-होवर प्रभाव लागू करेंगे रंगीन पंक्तियां

आप धारीदार पंक्तियों से मंडराना प्रभाव के रूप में अच्छी तरह से दूर ले जाना है, तो ब्लेंडर के मूल जवाब पर निर्माण की जरूरत है, मुझे लगता है कि आप के लिए एक और नियम होता है से अधिक की सवारी:

.table tbody tr:hover td, 
.table tbody tr:hover th { 
    background-color: transparent; 
} 


.table-striped tbody tr:nth-child(odd):hover td { 
    background-color: #F9F9F9; 
} 

अच्छा उदाहरण : http://jsfiddle.net/pXWjq/

गाड़ी उदाहरण:: यहाँ जहां .table-धारीदार वर्ग के लिए जिम्मेदार है एक काम jsfiddle उदाहरण के लिए एक लिंक है और यहाँ (पर एक उदाहरण है जहां तालिका पंक्ति मंडराना अब भी होता है ग्रे पंक्तियाँ) क्योंकि ग्रे-पंक्ति मंडराना लिए जिम्मेदार नहीं है: http://jsfiddle.net/448Rb/

Answer 2

अवहेलना इन नियमों:

.table tbody tr:hover td, 
.table tbody tr:hover th { 
    background-color: #f5f5f5; 
} 

इस का उपयोग करते हुए:

.table tbody tr:hover td, 
.table tbody tr:hover th { 
    background-color: transparent; 
}