将鼠标悬停在一行上

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

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;
}
评论