在谷歌浏览器上，当你在表格行上有大纲时，你只能在第一行得到它
所以使用这个 css：
tr {
outline:1px solid red;
}
你只会在第一行看到大纲，如果你在 chrome 中打开这个链接，你会看到：
http://jsbin.com/enupey/27/edit
有人知道任何解决方法/解决方法吗？
谢谢
【问题讨论】：
tr。
标签： html css google-chrome webkit
虽然这似乎是一个错误，但在谷歌上搜索了一下，我找到了一个有效的解决方案，作为 this question 的一部分
添加：
display: block;
似乎有效：
tr
{
outline:1px solid red;
display: block;
}
编辑结果可见here
我稍微摆弄了一下 CSS，然后想出了这个：
td
{
border-top:1px solid red;
border-bottom:1px solid red;
bottom-padding:-1px;
}
table
{
border-left:2px solid red;
border-right:2px solid red;
border-top:1px solid red;
border-bottom:1px solid red;
bottom-padding:-1px;
}
这样合适吗？
警告：我只在 Mac 版 Google Chrome 上进行了测试。
【讨论】：
display:block 就足够了，因为我测试了
table tag has a rules attribute 允许您定义边框在表格中的“规则”位置。但请注意：
所有主流浏览器都支持规则属性。
注意：IE 9 之前的版本不支持 rules 属性。
注意：Chrome 和 Safari 显示此属性不正确：他们添加 除了内部边界之外，受影响的外部边界。
将其与 frame attribute 和原始问题中的 CSS 相结合，可以在每一行上提供盒装轮廓：
<table rules="rows" frame="box">
这个修改可以看JSBinhere
（在 Mac Chrome 上测试）
（我已将此作为单独的答案添加，因为我之前的答案集中在 CSS 上，这个解决方案，仅使用 HTML 似乎足以区分答案）
【讨论】：
rules 属性已被弃用。另见w3fools.com
由于某些原因，这不是一个完美的答案，但我把它作为一个选项扔在那里......在TABLE 元素上设置border-collapse: collapse;，并在每一行的TD 和@987654325 周围设置边框样式@元素。最终输出见this JSBin。因为它依赖于border-collapse，所以如果没有IE6/7 中的附加cellspacing HTML 属性，它将无法工作。如果您要单独勾勒每一行，它也可能不会产生您正在寻找的相同效果。该解决方案还取决于:first-child 和:last-child 伪选择器的使用，而IE8 不支持:last-child。这可以通过在某些元素上添加“first”和“last”作为类来解决，但这并不理想。
【讨论】：
使用display: block，您可以：
HTML：
<table>
<tr>
<td>ads</td>
<td>azx</td>
<td>bbb</td>
</tr>
<tr class='sel'>
<td>ads</td>
<td>azx</td>
<td>bbb</td>
</tr>
<tr>
<td>ads</td>
<td>azx</td>
<td>bbb</td>
</tr>
</table>
CSS：
tr
{
display: block;
}
tr.sel
{
outline: 1px solid red;
}
【讨论】：
这正如here 演示的那样有效，我相信没有任何重大副作用：
tr
{
display: table-row-group;
outline:1px solid red;
}
【讨论】：
您可以使用如下代码。
表格的HTML代码是
<table rules='none'>
</table>
并使用
更改 csstr.sel
{
border:1px solid red;
}
它将在任何浏览器中渲染中间原始边框。
【讨论】：
解决您的问题：将您的 CSS 更改为。
tr
{
outline:1px solid red;
display:inherit;
}
或
tr
{
outline:1px solid red;
display:block;
}
如果您是concerned with table layout，那么您必须通过将margin 设置为某个负值来对抗空格。看这里：
http://css-tricks.com/fighting-the-space-between-inline-block-elements/
【讨论】：