8
मैं आईई में टीडी तत्वों का चयन और हाइलाइट कर सकता हूं लेकिन tr: सक्रिय का उपयोग कर tr में सभी td को हाइलाइट नहीं कर सकता। यह फ़ायरफ़ॉक्स और क्रोम में अपेक्षित काम करता है। Here एक जेएसफ़िल्ड उदाहरण है, क्या मैं सीएसएस में कुछ गलत कर रहा हूं?आईई 11 टी है: सक्रिय चयनकर्ता टूटा हुआ है?
फिर भी यह कर ...
क्रोम, सफारी, ओपेरा और एफएफ में ...
एचटीएमएल
<body>
<br />
<div id="rowCount">
<table class='t2'>
<tr>
<th>Click a Cell should highlight all in the row</th>
</tr>
<tr>
<td>tr:active td</td>
<td>td:active</td>
</tr>
</table>
</div>
</body>
सीएसएस
table {
cursor: default;
border: 1px solid black;
background-color: transparent;
}
div {
z-index: 0;
display: block;
border:4px solid #CC3300;
width: 80%;
background-color: #4D70DB;
}
th{
text-align: left;
}
td{
border: 1px solid #000000;
}
tr:hover td {
border:1px solid #CC3300;
}
tr:active td{
background-color: #CC3300;
}
td:active {
color: aqua;
}
अजीब है कि 'टीडी: active' IE 11 में काम करने लगता है, लेकिन नहीं' टीआर: सक्रिय td'। हो सकता है कि यह अपने माता-पिता के साथ कैसे बुलबुले हो? –
एक पुरानी बग (https://connect.microsoft.com/IE/feedback/details/781417/active-pseudo-selector-on-parent-elements) लगता है कि उनका मानना था कि उनका निर्धारण किया गया था। जाहिर है यह नहीं है। उन्हें वहां जाने के लिए बस पोस्ट किया गया .. 'सक्रिय: IE में बबल नहीं है। –
आप पुराने आईई 11 बिल्ड को चला सकते हैं? – Antfish