JavaScript - 如何在 Mouseover/Mouseout 上同时更改 TR 中所有 TD 的背景颜色?

标签 javascript css xhtml

当我连续 mouseover 一个 TD 时,我希望所有 TD 同时更改背景颜色,然后在 mouseout 上反转。

我该怎么做?

最佳答案

在 CSS 中你可以这样做

tr td { background-color: white }
tr:hover td { background-color: black };

或者只是

tr { background-color: white }
tr:hover { background-color: black };

如果 tds 没有自己的背景色。

两者都应在鼠标悬停时使行变黑,否则变白。

当然你也可以用 Javascript 来做,但这不是必需的(IE6 除外,它不理解 :hover 伪类,除了 <a> 标签)

关于JavaScript - 如何在 Mouseover/Mouseout 上同时更改 TR 中所有 TD 的背景颜色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6926167/

相关文章:

javascript - 使用javascript制作 Sprite 动画(每5秒)

javascript - useInterval 和 React hooks 的问题 - 无限循环

javascript - 创建一个下拉菜单,在页面顶部向上打开,向下滚动时向下打开

javascript - 如何调用这个未命名的函数?

css - 样式文本数据库输出

html - 推荐的 CSS 样式指南

java - 我应该使用什么样的数据结构来处理海量数据

javascript - 如何从一系列颜色中动态更改 polymer 1.0 纸质按钮的颜色?

javascript - 如何使用 JavaScript 访问自定义 XHTML 属性?

jquery - iframe 上的 Fancybox.close()