如何在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 插件分發？