2011-03-01 8 views
6

का उपयोग कर चयनित पंक्ति को हाइलाइट करें हम सीएसएस का उपयोग करके तालिका में चयनित पंक्ति को हाइलाइट कैसे कर सकते हैं। क्या उसे करने का कोई तरीका है?सीएसएस

उत्तर

3
tr { background: sky-blue-pink } /* Use a real colour */ 
tr * { background: transparent; } 

जहां tr इंगित करने के लिए जो कुछ भी हालत आप डोम में है करने के लिए 'का चयन' का प्रतिनिधित्व करते हैं एक अधिक विशिष्ट चयनकर्ता है। tr.selected

3

तुम बस की तरह कुछ करने के लिए:

tr:hover { background: #FCF; } 

this उदाहरण देखें यह शायद एक वर्ग चयनकर्ता हो जाएगा।

7

यह मानते हुए कि "चयनित" द्वारा आप मतलब है "माउस द्वारा पर होवर किया है": 'रंग: # FF000', आदि:

tr:hover {background-color: #FF0000} 

तुम भी तरह 'बोल्ड font-weight' चीजों के साथ प्रकाश डाला सकता है ।

+3

यदि आप पूरी पंक्ति पर ठोस पृष्ठभूमि चाहते हैं, तो आपको सीमा-पतन सेट करना होगा: पतन; और सीमा-दूरी: 0; मेज पर भी। – biagidp

1

सीएसएस हिस्सा:

table.rowHover tr:hover{ background-color: #ccc; } 

apply class = "rowHover" on the table 

चियर्स !!!