当应用<!DOCTYPE html>
<html>
[...]
<body>
<div id="outer-wrapper">
<header id="header" class="main-header clearfix">
<h2>
<img src="logo" src="[...]" alt="text goes here" />
</h2>
</header>
<div id="inner-wrapper">
<article>
<h1>Main topic</h1>
</article>
</div>
</div>
</body>
</html>
并在单元格上单击(按住鼠标左键)同时将光标移动到其他行上时,只有第一个单击的行在悬停时突出显示:
:hover-attributes
table {
border-collapse: collapse;
}
td {
width: 40px;
height: 10px;
border: 1px solid #999;
}
tr:hover {
background-color: #d7d7d7;
}
在其他主流浏览器(IE,FF)中,它会按预期突出显示所有其他行。
这是一个铬虫吗?还是功能?如何让所有3个主要浏览器的行为相同?
如果在尝试重现时遇到交叉光标,请再试几次。