Firefoxでの変換中に輪郭が白くなります

Question

私の頭をこの周りに置くことはできません。プッシュできるボタンがあり、選択を強調するアウトラインを使用しています。これは、Firefoxを除くすべてのブラウザで完全に動作します。トランジションの間、アウトラインは白色になります。

.pricing-experience .flex_column { 
    color: #fff; 
    min-height: 420px; 
    font-size: 11px; 
    padding: 35px; 
    width: 31%; 
    margin-left: 3.5%; 
    -webkit-transition: all 50ms ease-in; 
    -o-transition: all 50ms ease-in; 
    -moz-transition: all 50ms ease-in; 
    transition: all 50ms ease-in; 
} 

.bgOutline { 
    background: rgba(57, 60, 67, 0.72); 
    outline: 2px solid #FF6969 !important; 
} 

ありがとうございます！

Answer 1

それは非ホバーにデフォルトの透明アウトラインを追加したり、あなたが知っているブラウザ

.pricing-experience .flex_column { 
    outline: 2px solid transparent; 
}