将鼠标悬停在一行上

由 发布于

我有问题。 这是我的桌子：

enter image description here

悬停时这应该是我的桌子

enter image description here

如果我现在将鼠标悬停在一行上，它应该具有彩色背景，并在侧面显示一条线，该线稍粗一些。 头部区域不应以彩色突出显示。 （头= Produkt，Datum，Summe）。 我怎么做？在下面的代码中，我只用彩色突出显示了单独的行，而不是用行突出显示了行。如何添加线而不是悬停头部？

table.ordertable tr:hover {
    border-width: 1px;
    padding: 8px;
  padding: 10px 0; 
  border-width: 1px 0; 
  border-color: #EEEEEE;
  border-style: solid;
  background-color: #badafc;
}