ボーダーシフトのあるテーブルのホバー状態Firefoxでのみのリンク

Question

私はこのタイプの質問が何らかの形でここに書かれていますが、何に関係なく動作するようにはできないことを知っています。スクリーンショットはCSSにも含まれています。行にカーソルを置くと、左の境界線が強調表示されます。それは1pxを超えるリンクを動かしています。私は負のマージンで補償しようとしましたが運がありません（テストするだけです）。これが起こっているのはFirefoxだけです。

%zebra-row { 
    transition: background-color .1s ease-out; 
    background-clip:padding-box; 

    &:nth-child(odd) { 
    background-color: $alabaster; 
    } 

    &:hover { 
    background-color: $gallery; 
    border-left:2px solid $aqua-forest; 
    } 
} 

Answer 1

境界線が適用され、（私はあなたが想定してきた確信しているとして）それを上に移動されているからです。

これを回避するには、デフォルトの境界線を表示して透明にしたいと思うでしょう。ホバー上では、単に境界線を着色します。

これは、ボーダーが本質的に常に存在するため、あなたが話していた「ジャンプ」を防止します。