Html 可悬停动画上的Firefox虚线框

我目前正在建立一个网站，在一些图标上使用“tada”动画（请参阅）。当动画在悬停状态下执行时，一些用户看到div周围有一个虚线框。如何删除Firefox中的虚线框

我已尝试使用以下CSS删除它：

:focus {outline:none;}
::-moz-focus-inner {border:0;}

---

适用于图像，我想它也适用于虚线框

截图。我猜工作可能不会带来解决方案。我们还是试试吧：

#dentisttools_图标：hover{outline:0；}

@kleinfeund这是一个屏幕截图。很遗憾，大纲：0不起作用。谢谢你的努力！

img
{  
border-style: none;
}