html - 在鼠标悬停时更改 tr 元素的背景颜色

标签 html css

我想让我的表格行在鼠标悬停时突出显示,但我还没有找到一种不使用 Javascript 的方法。这在 CSS 中是不可能的吗?

我已经试过了:

tr:hover {
    background: #000;
}

但这行不通。使用 td:hover 可以,但我想更改整个表格行的背景颜色。

是否有纯 CSS/HTML 的方式来做到这一点,还是我必须求助于 Javascript?

最佳答案

<tr> s 本身很难用 CSS 访问,试试 tr:hover td {background:#000}

关于html - 在鼠标悬停时更改 tr 元素的背景颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5492900/

相关文章:

javascript - Menuzord 菜单链接问题

html - Superfish 二级 ul 非常小

javascript - material-ui输入选择属性隐藏body溢出-y滚动-react js

jquery - 使用宽度和高度百分比创建的嵌套 Div 无法按预期工作

javascript - 创建 node.js 静态 html(或其他)来编辑包中的文件。构建实时 Sass 编辑器

html - 自动完成关闭仍然保留历史记录?

html - div 被其他 div 推来推去或不出现

javascript - 带有 Bootstrap 布局的 jQuery UI Draggable

html - 如何向引导导航菜单添加悬停效果

html - 阻止调整图像大小