如何在悬停时动态设置表格列背景颜色? [复制]

Posted

技术标签:

【中文标题】如何在悬停时动态设置表格列背景颜色? [复制]【英文标题】:How to Dynamically Set Table Column Background Color on Hover? [duplicate] 【发布时间】:2012-06-25 17:48:19 【问题描述】:

可能重复:cols, colgroups and css :hover psuedoclass

html 表格列中的单元格 (td) 悬停在该列上时,如何设置该列的背景颜色?

【问题讨论】:

你是对的。我的问题是重复的。我将对此进行编辑并链接到您的原始问题。谢谢! 只用 CSS 就可以完成。我刚刚在@DavidThomas 问题上回答了这个问题:***.com/q/848840/918414 【参考方案1】:

也许您可以将鼠标悬停在桌子上而不是悬停在td:http://jsfiddle.net/DkN2R/

如果你的tds 没有间距/边距,你可以不用它。

否则您将不得不求助于 javascript,因为 CSS 无法处理祖先选择器。我听到一些关于它们的谣言可能会在遥远的将来实施,但这可能需要一段时间。如果我没记错的话,这是因为性能。

【讨论】:

以上是关于如何在悬停时动态设置表格列背景颜色? [复制]的主要内容,如果未能解决你的问题,请参考以下文章

如何在 Material ui 数据表中悬停或鼠标悬停时更改表格行背景颜色

悬停时如何更改导航栏链接上的文本颜色(和背景)? [复制]

使用 jquery 动态更改背景颜色

如何在单击功能中使用动画更改元素的背景颜色? [复制]

WinUI 3.0 桌面:文本框的背景颜色在鼠标悬停时更改

当图像悬停时,显示背景颜色