选项卡时更改整行的背景颜色？

Question

我有一个两列五行的简单表格。我希望它更易于键盘访问。

左栏只是文本，右栏是在聚焦/悬停时填充的按钮。

有没有办法在选项卡（聚焦）时更改整行的背景颜色并同时填充按钮背景颜色？

Answer 1

编辑：为focus添加

假设你有这样一张桌子：

<table style="width:100%">
  <tr class="hoverable-row">
    <th>Firstname</th>
    <th>Lastname</th> 
    <th>Age</th>
  </tr>
  <tr class="hoverable-row">>
    <td>Jill</td>
    <td>Smith</td> 
    <td>50</td>
  </tr>
  <tr class="hoverable-row">>
    <td>Eve</td>
    <td>Jackson</td> 
    <td>94</td>
  </tr>
</table>

然后在css中

.hoverable-row:hover, :focus { 
    background-color: yellow;
}

另外，请阅读https://stackoverflow.com/help/how-to-ask，了解如何以一种好的方式提问。