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

Question

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

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

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

<< title =“ Next” class =“ fancybox-nav fancybox-next” href =“ javascript：;”>

因此，此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;
} 

我如何弃用fancybox的这些规则？我可以在其中写些什么吗：

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

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

预期：蓝色矩形未显示。

Answer 1

Answer 2