我们可以使用CSS的:active和:hover伪类来解决这个问题。这些伪类可以让我们设置单元格在被选中或鼠标悬停时的样式。下面是一个示例代码:
table tr td { background-color: #fff; }
table tr td:hover, table tr td:active { background-color: #ccc; }
这个示例设置了表格单元格的默认背景为白色。当鼠标悬停或单元格被选中时,背景色将变为灰色。这种方法可以解决使用background-color导致悬停和选择时背景色消失的问题。