在仅限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;
}