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

Question

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

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

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

<a title="Next"class="fancybox nav fancybox Next"href="javascript:；"><a>

因此，对于这个css文件中的"a"链接，有以下常见的Joomla css规则：http://stanok-by.ru/site/templates/beez_20/css/personal.css

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

我怎么能反对这些异想天开的规则呢？我能在里面写个什么吗：

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

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

预期：蓝色矩形未出现。

Answer 1

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

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插件分发？