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

Question

问题出在以下页面： http://stanok-by.ru/site/index.php/stanok-01

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

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

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

So, there are following common Joomla css rules for "a" links from this css file: http://stanok-by.ru/site/templates/beez_20/css/personal.css

a:hover,
a:active,
a:focus
{
    background:#095197;
    color:#FFF;
} 

我怎样才能弃用fancybox的这些规则？ 我可以在其中的某处写：

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

或者它不会像现在那样工作？

预期：未出现蓝色矩形。

Answer 1

我没有看到任何蓝色矩形，但我猜它是一个轮廓，您可以使用 smth 来禁用它，例如a:focus { outline: none}

Answer 2

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

To.js 文件：

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

到.css文件：

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

如何将此修复程序贡献给 Joomla 的 Simple Image Gallery 插件分发？