ブラウザ間でテーブル行のボックス シャドウの表示に一貫性がない

テーブル行 (

この問題を解決するには、transform プロパティを box-shadow 属性と組み合わせて使用​​することをお勧めします。変換プロパティにscale(1,1)を追加すると、ブラウザは要素を強制的に再レン​​ダリングし、ボックスシャドウ効果が確実に均一に適用されるようにします。

更新された CSS コードは次のとおりです:

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);
}

このコード スニペットを追加すると、サポートされているブラウザ間でボックス シャドウが一貫して表示されるようになります。