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

时间:2018-03-15 12:50:14

标签: html-table focus background-color

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

左列只是文本,右列是聚焦/悬停时填充的按钮。

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

1 个答案:

答案 0 :(得分:0)

修改:为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,了解如何以良好的方式提问。