CSS在行上悬停期间更改所有TD背景的颜色

我有一张表格，每行中的所有单元格均为蓝色。我想要实现的是当光标悬停在一行上时，该行中的所有单元格都会将颜色更改为黄色。CSS在行上悬停期间更改所有TD背景的颜色

我已经知道如何使用CSS来更改悬停时整行的颜色，并且我已经知道如何在悬停时使用CSS更改单个单元格的颜色。

我想要的是有点不同，我希望每个单元格在悬停期间将其背景颜色更改为黄色，而不是行bg颜色。原因是每行的最左边的单元格和最右边的单元格都有圆角。如果我在悬停时使用整行的BG颜色，就会有一个可见的尖角，因为它没有圆角属性，可能有办法做到这一点，但现在我只是想实现（挣扎）只是在鼠标悬停期间更改所有单元格的BG颜色，而不是行的颜色，而不是仅有1个单元格的颜色。这可以实现吗？

来源

2016-05-13 jay

我没有看到任何问题在这里，请包括你的代码或做一个示例代码/摘录或小提琴。 – mmativ

我对不清楚的道歉，我只想当行被徘徊时，所有单元格的BG颜色变成黄色，这是问题，但是哈里什已经给出了答案 – jay

我觉得这个CSS将帮助您。

tr:hover td { 
    background-color: yellow; 
}

来源

2016-05-13 02:09:03 Harish

这正是我需要:) – jay

很高兴看到这一点。 – Harish

我假设你想改变单元格的颜色，只有单元格。如果您想根据其文字来改变它的颜色，使用含有（）jQuery选择：

CSS：

.greenBg { 
background: green; 
}

的jQuery：

$("td:contains('Exceeds')").addClass('greenBg');

来源

2016-05-13 02:06:26 AJ93

CSS在行上悬停期间更改所有TD背景的颜色

回答

相关问题