Inkonsistentes Erscheinungsbild des Box-Schattens auf Tabellenzeilen in allen Browsern

Auf Tabellenzeilen (

Um dieses Problem zu beheben, wird empfohlen, die Transformationseigenschaft in Verbindung mit dem Box-Shadow-Attribut zu verwenden. Durch das Hinzufügen von „scale(1,1)“ zur Transformationseigenschaft wird der Browser gezwungen, das Element erneut zu rendern, um sicherzustellen, dass der Box-Shadow-Effekt gleichmäßig angewendet wird.

Hier ist der aktualisierte CSS-Code:

tr:hover {
  transform: scale(1,1);
  -webkit-transform: scale(1,1);
  -moz-transform: scale(1,1);
  box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
}

Durch das Hinzufügen dieses Code-Snippets wird der Boxschatten jetzt in allen unterstützten Browsern einheitlich angezeigt.