Potrafię wybierać i zaznaczać elementy td w IE, ale nie mogę podświetlić wszystkich td w tr używając tr: active. Działa to zgodnie z oczekiwaniami w FireFox i Chrome. Here to przykład JsFiddle, czy robię coś nie tak w CSS?Czy IE 11 tr: aktywny selektor jest zepsuty?
robi to nadal ...
W Chrome, Safari, Opera i FF ...
HTML
<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>
CSS
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;
}
Dziwne, że 'td: active' wydaje się działać w IE 11, ale nie' tr: active td'. Może ma coś wspólnego z tym, jak bańka do rodzica? –
Wydaje się być starym błędem (https://connect.microsoft.com/PL/feedback/details/781417/active-pseudo-selector-on-parent-elements), który według nich został naprawiony. Najwyraźniej tak nie jest. Właśnie napisali tam, aby dać im znać. ": Aktywny" nie bańka w IE. –
Możesz uruchomić starą wersję IE11? – Antfish