CSS转换在Firefox上不起作用，在Chrome上起作用

在Firefox上查看时，元素的边框周围会出现难看的海蓝色圆圈

在Chrome上查看时可以看到正确的外观

---

有没有办法解决边界问题？提前感谢。

删除-moz前缀。另外，请确保将unfixed属性设置为列表中的最后一个属性。

您需要删除@keyframe属性中的webkit前缀。所以使用

@keyframe

而不是

@-webkit-keyframes

因为Firefox不是WebKit浏览器。有关Firefox中关键帧的更多信息：

---

我按照你的建议做了，但没有任何区别。修复正确的关键帧语法不能修复蓝色圆圈，我已经尝试过了。