Javascript 如何禁用fancybox弹出图像上的蓝色/绿色矩形？

问题出现在下一页：

Joomla Simple Image Gallery插件使用fancybox库。单击一个小图像时，会弹出一个大图像。当我将鼠标光标悬停在大图像的右侧或左侧时，会出现一个蓝色矩形，关闭图像的一部分。如何关闭此矩形

据我所知，该元素对应于文件jquery.fancybox.js中定义的以下HTML标记：

因此，此css文件中的“a”链接有以下常见Joomla css规则：

我怎样才能反对fancybox的这些规则？我可以在它的某个地方写下：

a:hover,
a:active,
a:focus
{
    background:none;
} 

或者它不会像现在这样起作用

预期：

---

蓝色矩形没有出现。

我没有看到任何蓝色矩形，但我猜它是一个轮廓，您可以使用smth禁用它，如

a:focus{outline:none}

添加以下代码解决了此问题：

到.js文件：

<a id="a-fancybox-next" title="Next" class="fancybox-nav fancybox-next" href="javascript:;"></a>

我如何为Joomla的Simple Image Gallery插件distributive贡献此修复程序

<a id="a-fancybox-next" title="Next" class="fancybox-nav fancybox-next" href="javascript:;"></a>

#a-fancybox-next
{
    background: none;
}