在火狐瀏覽器中轉換過程中顏色變爲白色

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