Как отключить синий / зеленый прямоугольник на всплывающем изображении fancybox?

Question

Проблема на следующей странице: http://stanok -by.ru / site / index.php / stanok-01

Плагин Joomla Simple Image Gallery использует библиотеку fancybox. При нажатии на маленькое изображение всплывает большое. При наведении курсора мыши на правую или левую сторону большого изображения появляется синий прямоугольник, закрывающий часть изображения. Как отключить этот прямоугольник?

Как я понял, этот элемент соответствует следующему тегу HTML, определенному в файле jquery.fancybox.js:

Итак,Существуют следующие общие правила Joomla CSS для ссылок "a" из этого файла 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

Проблема была исправлена ​​путем добавления следующего кода:

В файл .js:

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

В файл .css:

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

Как я могу внести этоисправить в дистрибутив плагина Simple Image Gallery для Joomla?

Answer 2

Я не вижу синего прямоугольника, но думаю, что это контур, и вы можете отключить его, используя что-то вроде a:focus { outline: none}